Good Mood

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder eine einfache HTML-Farbzeichenfolge sein, z. B.: 'red' oder '#00cc00' oder ein Objekt mit den folgenden Eigenschaften.,

Die Farbe des Diagrammrandes als HTML-Farbzeichenfolge.

Die Randbreite in Pixel.

Die Diagrammfüllfarbe als HTML-Farbzeichenfolge aus.,

Ein Objekt mit den Mitgliedern zu konfigurieren, die Platzierung und die Größe der Diagrammfläche (in denen das Diagramm selbst gezeichnet, ohne Achse und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixel; eine Zahl, gefolgt von % ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: die Farbe, die als Hex-String oder englischer Farbname angegeben wird.
• strokeWidth: Wenn angegeben, zeichnet einen Rahmen um den Diagrammbereich der angegebenen Breite (und mit der Farbe stroke).

Wie weit das Diagramm vom linken Rand aus gezeichnet werden soll.,

Wie weit das Diagramm vom oberen Rand entfernt ist.

Breite des Diagrammbereichs.

Diagramm bereich höhe.

Die Farben für die Elemente des Diagramms., Ein Array von Strings, wobei jedes Element eine HTML-Farbzeichenfolge ist, zum Beispiel: colors:.

Ob das Diagramm benutzerbasierte Ereignisse auslöst oder auf Benutzerinteraktion reagiert. Wenn false, löst das Diagramm keine „select“ -oder andere interaktionsbasierte Ereignisse aus (sondern löst Ready-oder Fehlerereignisse aus) und zeigt keinen Hovertext an oder ändert sich auf andere Weise abhängig von der Benutzereingabe.,

Die Standardschriftgröße des gesamten Textes im Diagramm in Pixel. Sie können dies mithilfe von Eigenschaften für bestimmte Diagrammelemente überschreiben.

Die Standard-schriftart für den gesamten text in der Tabelle. Sie können dies mithilfe von Eigenschaften für bestimmte Diagrammelemente überschreiben.

Zeichnet das Diagramm in einem inline-frame., (Beachten Sie, dass diese Option in IE8 ignoriert wird; Alle IE8-Diagramme werden in i-Frames gezeichnet.)

Höhe der Grafik in Pixeln.

Wenn true, zeigt ein dreidimensionales Diagramm.

Ein Objekt mit Mitgliedern, um verschiedene Aspekte der Legende zu konfigurieren., Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

Ausrichtung der Legende. Kann einer der folgenden sein:

• ’start‘ – Ausgerichtet auf den Anfang des für die Legende zugewiesenen Bereichs.
• ‚center‘ – Zentriert in dem Bereich, der der Legende zugeordnet ist.
• ‚ end ‚ – Ausgerichtet auf das Ende des Bereichs, der der Legende zugeordnet ist.,

Anfang, Mitte und Ende sind im Vergleich zu den Stil-vertikal oder horizontal-von der Legende. In einer „rechten“ Legende befinden sich beispielsweise „Start“ und „Ende“ oben bzw. unten; Für eine „obere“ Legende befinden sich „Start“ und „Ende“ links bzw. rechts vom Bereich.

Der Standardwert hängt von der Position der Legende ab. Für‘ bottom ‚Legenden ist der Standardwert ‚center‘; andere Legenden standardmäßig ’start‘.

die Position der Legende., Kann eine der folgenden sein:

• ‚bottom‘ – Zeigt die Legende unter dem Diagramm an.
• ‚beschriftet‘ – Zeichnet Linien, die Slices mit ihren Datenwerten verbinden.
• ‚left‘ – Zeigt die Legende links im Diagramm an.
• „none“, – Zeigt keine Legende.
• ‚right‘ – Zeigt die Legende rechts im Diagramm an.
• ‚ top ‚ – Zeigt die Legende über dem Diagramm an.

Maximale Anzahl von Zeilen in der Legende. Setzen Sie dies auf eine Zahl größer als eins, um Ihrer Legende Zeilen hinzuzufügen., Hinweis: Die genaue Logik zur Bestimmung der tatsächlichen Anzahl der gerenderten Zeilen ist noch im Fluss.

Diese Option funktioniert derzeit nur, wenn Legende.position „oben“.

Ein Objekt, das den Textstil der Legende angibt. Das Objekt hat dieses Format:

{ color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } 

Die color kann eine beliebige HTML-Farbzeichenfolge sein, zum Beispiel: 'red' oder '#00cc00'. Siehe auch fontName und fontSize.,

Wenn zwischen 0 und 1, zeigt eine donut diagramm. Das Loch mit einem Radius gleich number mal den Radius des Diagramms.

Die Farbe der Scheibe-Grenzen. Nur anwendbar, wenn das Diagramm zweidimensional ist.,

Der Inhalt des Textes angezeigt, die auf der Scheibe. Kann einer der folgenden sein:

• ‚percentage‘ – Der Prozentsatz der Slice-Größe aus der Summe.
• ‚Wert‘ – Der quantitative Wert der Scheibe.
• ‚label‘ – Der Name des Slices.
• ’none‘ – Es wird kein Text angezeigt.

Ein Objekt, das angibt, der slice-text-Stil., Das Objekt hat dieses Format:

{color: <string>, fontName: <string>, fontSize: <number>}

Die color kann eine beliebige HTML-Farbzeichenfolge sein, zum Beispiel: 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

Der Winkel (in Grad), um das Diagramm zu drehen durch. Der Standardwert von 0 orientiert die linke Kante des ersten Slices direkt nach oben.,

Wenn true, dann zieht Scheiben gegen den Uhrzeigersinn. Standardmäßig wird im Uhrzeigersinn gezeichnet.

die Farbe für die Kombination slice enthält alle Scheiben unten sliceVisibilityThreshold.,

Eine Bezeichnung für die Kombination slice enthält alle Scheiben unten sliceVisibilityThreshold.

Ein Array von Objekten, die jeweils das Format des entsprechenden Slices im Kuchen beschreiben. Um Standardwerte für ein Slice zu verwenden, geben Sie ein leeres Objekt an (z. B. {}). Wenn kein Slice oder Wert angegeben ist, wird der globale Wert verwendet., Jedes Objekt unterstützt die folgenden Eigenschaften:

• color – Die Farbe für dieses Stück. Geben Sie eine gültige HTML-Farbzeichenfolge an.
• offset – Wie weit trennen Sie die Scheibe vom Rest des Kuchens, von 0,0 (überhaupt nicht) bis 1,0 (Radius des Kuchens).
• textStyle – Überschreibt die globale pieSliceTextStyle für dieses Slice.,

Sie können entweder ein Array von Objekten angeben, von denen jedes in der angegebenen Reihenfolge auf das Slice zutrifft, oder Sie können ein Objekt angeben, bei dem jedes Kind über einen numerischen Schlüssel verfügt, der angibt, auf welches Slice es zutrifft. Beispielsweise sind die folgenden zwei Deklarationen identisch und deklarieren das erste Slice als schwarz und das vierte als rot:

slices: slices: {0: {color: 'black'}, 3: {color: 'red'}} 

Der Bruchwert des Tortens, unter dem ein Slice nicht einzeln angezeigt wird., Alle Slices, die diesen Schwellenwert nicht überschritten haben, werden zu einem einzigen „anderen“ Slice kombiniert, dessen Größe die Summe aller ihrer Größen ist. Standardmäßig wird kein Slice einzeln angezeigt, der kleiner als ein halbes Grad ist.

// Slices less than 25% of the pie will be// combined into an "Other" slice.sliceVisibilityThreshold: .25 

Text, der über dem Diagramm angezeigt werden soll.

Ein Objekt, das angibt, den Titel-text-Stil., The object has this format:

{ color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } 

The color can be any HTML color string, for example: 'red' or '#00cc00'. Also see fontName and fontSize.

An object with members to configure various tooltip elements., Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt:

{textStyle: {color: '#FF0000'}, showColorCode: true}

Wenn auf true gesetzt, kann das Zeichnen von Tooltips außerhalb der Grenzen des Diagramms auf allen Seiten fließen.

Hinweis: Dies gilt nur für HTML Tooltips. Wenn dies mit SVG-Tooltips aktiviert ist, wird jeder Überlauf außerhalb der Diagrammgrenzen abgeschnitten. Weitere Informationen finden Sie unter Anpassen von Tooltip-Inhalten.,

Wenn auf true gesetzt, verwenden Sie HTML-gerenderte (anstatt SVG-gerenderte) Tooltips. Weitere Informationen finden Sie unter Anpassen von Tooltip-Inhalten.

Hinweis: Die Anpassung des HTML-Tooltip-Inhalts über die Rolle Tooltip-Spaltendaten wird von der Blasendiagrammvisualisierung nicht unterstützt.

Wenn true, zeigen Sie farbige Quadrate neben den Slice-Informationen im Tooltip an.,

Welche Informationen angezeigt werden sollen, wenn der Benutzer den Mauszeiger über eine Tortenscheibe bewegt. Die folgenden Werte werden unterstützt:

• ‚both‘ – Zeigt sowohl den absoluten Wert des Slices als auch den Prozentsatz des Ganzen an.
• ‚Wert‘ – Zeigt nur den absoluten Wert des Slices an.
• ‚percentage‘ – Zeigt nur den Prozentsatz des Ganzen an, der durch das Slice dargestellt wird.

An object that specifies the tooltip text style. The object has this format:

{ color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } 

The color can be any HTML color string, for example: 'red' or '#00cc00'. Also see fontName and fontSize.

Die Benutzerinteraktion, durch die der Tooltip angezeigt wird:

• ‚focus‘ – Der Tooltip wird angezeigt, wenn der Benutzer mit der Maus über das Element fährt.
• ’none‘ – Der Tooltip wird nicht angezeigt.
• ’selection‘ – Der Tooltip wird angezeigt, wenn der Benutzer das Element auswählt.

Breite der Grafik in Pixeln.,

Zieht das Diagramm. Das Diagramm akzeptiert weitere Methodenaufrufe erst, nachdem das Ereignis readyausgelöst wurde. Extended description.

Gibt das Tooltip-Aktionsobjekt mit der angeforderten actionIDzurück.,

Gibt ein Objekt zurück, das das linke, obere, Breite und Höhe des Diagrammelements enthält id., Das Format für id ist noch nicht dokumentiert (dies sind die Rückgabewerte von Ereignishandlern), aber hier sind einige Beispiele:

var cli = chart.getChartLayoutInterface();
Höhe des Diagrammbereichs cli.getBoundingBox('chartarea').height Breite des dritten Balkens in der ersten Reihe eines Balken-oder Spaltendiagramms cli.getBoundingBox('bar#0#2').width Begrenzungsrahmen des fünften Keils eines Kreisdiagramms cli.getBoundingBox('slice#4') Begrenzungsrahmen der Diagrammdaten eines vertikalen (z. B. Spalten -) Diagramms: Begrenzungsrahmen der Diagrammdaten einer horizontalen (z.,, bar) – Diagramm: cli.getBoundingBox('hAxis#0#gridline')

die Werte sind relativ zum container des Diagramms. Rufen Sie dies auf, nachdem das Diagramm gezeichnet wurde.

Gibt ein Objekt zurück, das den linken, oberen, breiten und Höheninhalt des Diagramms enthält (dh,, ohne Etiketten und der Legende):

var cli = chart.getChartLayoutInterface();
cli.getChartAreaBoundingBox().left cli.getChartAreaBoundingBox().top cli.getChartAreaBoundingBox().height cli.getChartAreaBoundingBox().width

Die Werte sind relativ zum container des Diagramms. Rufen Sie dies auf, nachdem das Diagramm gezeichnet wurde.

Gibt ein Objekt zurück, das Informationen über die Platzierung des Diagramms auf dem Bildschirm und seine Elemente enthält.,

Für das zurückgegebene Objekt können folgende Methoden aufgerufen werden:

• getBoundingBox
• getChartAreaBoundingBox
• getHAxisValue
• getVAxisValue
• getXLocation
• getYLocation

Rufen Sie dies nach dem Zeichnen des Diagramms auf.

Gibt den logischen horizontalen Wert bei position zurück, der ein Offset vom linken Rand des Diagrammcontainers ist. Kann negativ sein.,

Beispiel: chart.getChartLayoutInterface().getHAxisValue(400).

Rufen Sie dies auf, nachdem das Diagramm gezeichnet wurde.

Gibt das Diagramm serialisiert als Bild-URI.

Rufen Sie dies auf, nachdem das Diagramm gezeichnet wurde.

Siehe Drucken von PNG-Diagrammen.

Gibt ein array der ausgewählten Diagramm Personen. Auswählbare Entitäten sind Slices und Legendeneinträge. Für dieses Diagramm kann zu einem bestimmten Zeitpunkt nur eine Entität ausgewählt werden., Extended description .

Gibt den logischen vertikalen Wert bei position zurück, der ein Offset von der oberen Kante des Diagrammcontainers ist. Kann negativ sein.

Beispiel: chart.getChartLayoutInterface().getVAxisValue(300).

Rufen Sie dies auf, nachdem das Diagramm gezeichnet wurde.

Gibt die Bildschirm-x-Koordinate von position relativ zum Container des Diagramms zurück.,

Beispiel: chart.getChartLayoutInterface().getXLocation(400).

Rufen Sie dies auf, nachdem das Diagramm gezeichnet wurde.

Gibt die Bildschirm-y-Koordinate von position relativ zum Container des Diagramms zurück.

Beispiel: chart.getChartLayoutInterface().getYLocation(300).

Rufen Sie dies auf, nachdem das Diagramm gezeichnet wurde.

Entfernt die tooltip-Aktion mit den angeforderten actionID aus dem Diagramm.,

Legt eine Tooltip-Aktion fest, die ausgeführt werden soll, wenn der Benutzer auf den Aktionstext klickt.

DiesetAction Methode nimmt ein Objekt als Aktionsparameter. Dieses Objekt sollte 3 Eigenschaften angeben: id— die ID der Aktion, die festgelegt wird, text —der Text, der im Tooltip für die Aktion angezeigt werden soll, und action — die Funktion, die ausgeführt werden soll, wenn ein Benutzer auf den Aktionstext klickt.,

Alle Tooltip-Aktionen sollten vor dem Aufruf der draw() – Methode des Diagramms festgelegt werden. Erweiterte Beschreibung.

Wählt die angegebene Diagramm Personen. Bricht jede vorherige Auswahl ab. Auswählbare Entitäten sind Slices und Legendeneinträge. Für dieses Diagramm kann jeweils nur eine Entität ausgewählt werden. Extended description .,

Löscht das Diagramm, und gibt alle seine Ressourcen zugewiesen.

Ausgelöst, wenn der Benutzer innerhalb des Diagramms., Kann verwendet werden, um zu identifizieren, wann auf Titel, Datenelemente, Legendeneinträge, Achsen, Gitterlinien oder Beschriftungen geklickt wird.

Wird ausgelöst, wenn beim Rendern des Diagramms ein Fehler auftritt.

wird Ausgelöst, wenn der Benutzer die Maus über einen visuellen Einheit. Übergibt die Zeilen – und Spaltenindizes des entsprechenden Datentabellenelements zurück. Ein Slice-oder Legendeneintrag korreliert mit einer Zeile in der Datentabelle (Spaltenindex ist null).,

wird Ausgelöst, wenn der Benutzer die Maus Weg von einer visuellen Einheit. Übergibt die Zeilen – und Spaltenindizes des entsprechenden Datentabellenelements zurück. Ein Slice-oder Legendeneintrag korreliert mit einer Zeile in der Datentabelle (Spaltenindex ist null).

Das Diagramm ist bereit für externe Methodenaufrufe., Wenn Sie mit dem Diagramm interagieren und Methoden aufrufen möchten, nachdem Sie es gezeichnet haben, sollten Sie einen Listener für dieses Ereignis einrichten, bevor Sie die draw – Methode aufrufen, und sie erst aufrufen, nachdem das Ereignis ausgelöst wurde.

wird Ausgelöst, wenn der Benutzer auf einer visuellen Einheit. Um zu erfahren, was ausgewählt wurde, rufen Sie getSelection()auf.