Diagramme anpassen

Sie können die Google Chart Tools mit der Standardeinstellung verwenden. Alle Anpassungen sind optional und die grundlegende Einrichtung ist startbereit. Diagramme können jedoch leicht angepasst werden, falls Ihre Webseite einen Stil übernimmt, der mit den angegebenen Standardeinstellungen nicht übereinstimmt. Jedes Diagramm bietet eine Reihe von Optionen, mit denen sich das Design anpassen lässt. Diese Optionen werden als Name/Wert-Paare im Optionsobjekt ausgedrückt, das an die Methode draw() eines Diagramms übergeben wird.

In Diagrammen werden normalerweise benutzerdefinierte Optionen für diese Visualisierung unterstützt. Das Tabellendiagramm unterstützt beispielsweise die Option sortColumn, mit der die Standardsortierungsspalte angegeben werden kann, und die Visualisierung Kreisdiagramm die Option colors, mit der Sie Segmentfarben angeben können. In der Dokumentation jedes Diagramms sollten die unterstützten Optionen beschrieben werden.

Sie übergeben Ihre Optionen als optionalen zweiten Parameter an die zuvor beschriebene draw()-Methode des Diagramms. Sie geben Optionen an, indem Sie ein Objekt mit Attributen erstellen, die für jedes Diagramm spezifisch sind.

Das folgende Beispiel zeigt, wie ein Optionsobjekt erstellt wird, das alle diese Attribute angibt:

var options = {
  width: 400,
  height: 240,
  title: 'Toppings I Like On My Pizza',
  colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']
};

chart.draw(data, options);

Hier ist das Diagramm, das mit diesem Code erstellt wird.

Sie können Optionen auch innerhalb der draw()-Methode buchstäblich angeben:

chart.draw(data, {
  width: 400,
  height: 240,
  title: 'Toppings I Like On My Pizza',
  colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'],
  is3D: true
});

Hier ist das Diagramm, das mit diesem Code erstellt wird.

Weitere Informationen