Good Mood

Il colore di sfondo per l’area principale del grafico. Può essere una semplice stringa di colore HTML, ad esempio:'red' o'#00cc00', o un oggetto con le seguenti proprietà.,

Il colore del bordo del grafico, come una stringa di colore HTML.

La larghezza del bordo, in pixel.

Il colore di riempimento del grafico, come una stringa di colori HTML.,

Un oggetto con membri per configurare il posizionamento e la dimensione dell’area del grafico (dove viene disegnato il grafico stesso, esclusi assi e legende). Sono supportati due formati: un numero o un numero seguito da %. Un numero semplice è un valore in pixel; un numero seguito da % è una percentuale. Esempio: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: il colore, fornito come stringa esadecimale o nome del colore inglese.
• strokeWidth: se fornito, disegna un bordo attorno all’area del grafico della larghezza data (e con il colore di stroke).

Quanto lontano disegnare il grafico dal bordo sinistro.,

Quanto lontano disegnare il grafico dal bordo superiore.

Larghezza area grafico.

Altezza area grafico.

I colori da utilizzare per gli elementi del grafico., Un array di stringhe, in cui ogni elemento è una stringa di colore HTML, ad esempio: colors:.

Se il grafico genera eventi basati sull’utente o reagisce all’interazione dell’utente. Se false, il grafico non genererà “select” o altri eventi basati sull’interazione (ma genererà eventi ready o error) e non mostrerà hovertext o altrimenti cambierà a seconda dell’input dell’utente.,

La dimensione predefinita del carattere, in pixel, di tutto il testo nel grafico. È possibile sovrascriverlo utilizzando le proprietà per elementi grafici specifici.

Il carattere predefinito per tutto il testo nel grafico. È possibile sovrascriverlo utilizzando le proprietà per elementi grafici specifici.

Disegna il grafico all’interno di un frame in linea., (Si noti che su IE8, questa opzione viene ignorata; tutti i grafici IE8 sono disegnati in i-frame.)

Altezza del grafico, in pixel.

Se true, visualizza un grafico tridimensionale.

Un oggetto con membri per configurare vari aspetti della legenda., Per specificare le proprietà di questo oggetto, è possibile utilizzare la notazione letterale dell’oggetto, come mostrato qui:

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

Allineamento della legenda. Può essere uno dei seguenti:

• ‘start’ – Allineato all’inizio dell’area allocata per la legenda.
• ‘center’ – Centrato nell’area assegnata per la legenda.
• ‘fine’ – Allineato alla fine dell’area assegnata per la legenda.,

Inizio, centro e fine sono relativi allo stile-verticale o orizzontale-della legenda. Ad esempio, in una legenda “destra”, “inizio” e “fine” si trovano rispettivamente in alto e in basso; per una legenda “in alto”, “inizio” e “fine” si trovano rispettivamente a sinistra e a destra dell’area.

Il valore predefinito dipende dalla posizione della legenda. Per le legende ‘bottom’, l’impostazione predefinita è’ center’; altre legende predefinite per’start’.

Posizione della legenda., Può essere uno dei seguenti:

• ‘bottom’ – Visualizza la legenda sotto il grafico.
• ‘etichettato’ – Disegna linee che collegano le sezioni ai loro valori di dati.
• ‘left’ – Visualizza la legenda a sinistra del grafico.
• ‘none’ – Non visualizza alcuna legenda.
• ‘right’ – Visualizza la legenda a destra del grafico.
• ‘top’ – Visualizza la legenda sopra il grafico.

Numero massimo di righe nella legenda. Impostalo su un numero maggiore di uno per aggiungere linee alla legenda., Nota: la logica esatta utilizzata per determinare il numero effettivo di linee renderizzate è ancora in flusso.

Questa opzione attualmente funziona solo quando legenda.la posizione è ‘top’.

Un oggetto che specifica lo stile del testo legenda. L’oggetto ha questo formato:

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

Il colorpuò essere qualsiasi stringa di colore HTML, ad esempio: 'red'o '#00cc00'. Vedere anche fontNameefontSize.,

Se tra 0 e 1, visualizza un grafico a ciambella. Il foro con ha un raggio uguale a number volte il raggio del grafico.

Il colore dei bordi della slice. Applicabile solo quando il grafico è bidimensionale.,

Il contenuto del testo visualizzato sulla fetta. Può essere uno dei seguenti:

• ‘percentuale’ – La percentuale della dimensione della fetta sul totale.
• ‘valore’ – Il valore quantitativo della fetta.
• ‘label’ – Il nome della sezione.
• ‘none’ – Non viene visualizzato alcun testo.

Un oggetto che specifica lo stile del testo slice., L’oggetto ha questo formato:

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

Il colorpuò essere qualsiasi stringa di colore HTML, ad esempio: 'red'o '#00cc00'. Vedere anche fontNameefontSize.

L’angolo, in gradi, per ruotare il grafico. L’impostazione predefinita di 0 orienterà il bordo più a sinistra della prima sezione direttamente verso l’alto.,

Se true, disegna le sezioni in senso antiorario. Il valore predefinito è disegnare in senso orario.

Color for the combination slice that holds all slices below sliceVisibilityThreshold.,

Un’etichetta per la sezione combinata che contiene tutte le sezioni sotto sliceVisibilityThreshold.

Un array di oggetti, ognuno dei quali descrive il formato della fetta corrispondente nella torta. Per utilizzare i valori predefiniti per una sezione, specificare un oggetto vuoto (ad esempio,{}). Se non viene specificato un slice o un valore, verrà utilizzato il valore globale., Ogni oggetto supporta le seguenti proprietà:

• color – Il colore da utilizzare per questa sezione. Specificare una stringa di colore HTML valida.
• offset – Fino a che punto separare la fetta dal resto della torta, da 0.0 (per niente) a 1.0 (il raggio della torta).
• textStyle – Sostituisce ilpieSliceTextStyle globale per questa sezione.,

È possibile specificare un array di oggetti, ognuno dei quali si applica alla slice nell’ordine specificato, oppure è possibile specificare un oggetto in cui ogni figlio ha una chiave numerica che indica a quale slice si applica. Per esempio, le seguenti due dichiarazioni sono identici, e dichiarare la prima fetta, come il nero e il quarto come il rosso:

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

Il valore frazionario della torta, al di sotto del quale una fetta non verrà visualizzata singolarmente., Tutte le sezioni che non hanno superato questa soglia saranno combinate in una singola sezione” Altra”, la cui dimensione è la somma di tutte le loro dimensioni. L’impostazione predefinita non è mostrare individualmente alcuna fetta che è più piccola di mezzo grado.

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

Testo da visualizzare sopra il grafico.

Un oggetto che specifica lo stile del testo del titolo., 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., Per specificare le proprietà di questo oggetto, è possibile utilizzare la notazione letterale dell’oggetto, come mostrato qui:

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

Se impostato sutrue, consente al disegno di tooltip di scorrere al di fuori dei limiti del grafico su tutti i lati.

Nota: questo vale solo per i suggerimenti HTML. Se questo è abilitato con i tooltip SVG, qualsiasi overflow al di fuori dei limiti del grafico verrà ritagliato. Vedere Personalizzazione del contenuto del Tooltip per maggiori dettagli.,

Se impostato su true, utilizzare i suggerimenti HTML-rendered (anziché SVG-rendered). Vedere Personalizzazione del contenuto del Tooltip per maggiori dettagli.

Nota: la personalizzazione del contenuto del tooltip HTML tramite il ruolo dati colonna tooltip non è supportata dalla visualizzazione del grafico a bolle.

Se true, mostra i quadrati colorati accanto alle informazioni sulla sezione nel suggerimento.,

Quali informazioni visualizzare quando l’utente passa sopra una fetta di torta. Sono supportati i seguenti valori:

• ‘entrambi’ – Visualizza sia il valore assoluto della fetta che la percentuale dell’intero.
• ‘valore’ – Visualizza solo il valore assoluto della fetta.
• ‘percentuale’ – Visualizza solo la percentuale del tutto rappresentato dalla fetta.

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.

L’interazione dell’utente che causa la visualizzazione del suggerimento:

• ‘focus’ – Il suggerimento verrà visualizzato quando l’utente passa sopra l’elemento.
• ‘none’ – Il suggerimento non verrà visualizzato.
• ‘selezione’ – Il suggerimento verrà visualizzato quando l’utente seleziona l’elemento.

Larghezza del grafico, in pixel.,

Disegna il grafico. Il grafico accetta ulteriori chiamate di metodo solo dopo che l’evento readyè stato attivato. Extended description.

Restituisce l’oggetto action tooltip con il actionID richiesto.,

Restituisce un oggetto contenente la sinistra, la parte superiore, la larghezza e l’altezza dell’elemento grafico id., Il formato id non è ancora stato documentato (sono i valori di ritorno di gestori di eventi), ma qui ci sono alcuni esempi:

var cli = chart.getChartLayoutInterface();
Altezza dell’area del grafico cli.getBoundingBox('chartarea').height Larghezza della terza battuta nella prima serie di un bar o di un grafico a colonne cli.getBoundingBox('bar#0#2').width riquadro di Delimitazione del quinto tassello di un grafico a torta cli.getBoundingBox('slice#4') Riquadro dei dati del grafico di una verticale (ad esempio, colonna) grafico: cli.getBoundingBox('vAxis#0#gridline') riquadro dei dati del grafico di una orizzontale (ad es.,, bar) grafico: cli.getBoundingBox('hAxis#0#gridline')

I valori sono relativi al contenitore del grafico. Chiama questo dopo che il grafico è stato disegnato.

Restituisce un oggetto contenente la sinistra, la parte superiore, la larghezza e l’altezza del contenuto del grafico (es., escludendo le etichette e leggenda):

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

I valori sono relativi al contenitore della carta. Chiama questo dopo che il grafico è stato disegnato.

Restituisce un oggetto contenente informazioni sul posizionamento sullo schermo del grafico e dei suoi elementi.,

I seguenti metodi può essere chiamato l’oggetto restituito:

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

Chiamare questo dopo che il grafico viene disegnato.

Restituisce il valore orizzontale logico a position, che è un offset dal bordo sinistro del contenitore grafico. Può essere negativo.,

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

Chiama questo dopo che il grafico è stato disegnato.

Restituisce il grafico serializzato come URI di immagine.

Chiama questo dopo che il grafico è stato disegnato.

Vedere Stampa di grafici PNG.

Restituisce un array delle entità del grafico selezionate. Le entità selezionabili sono sezioni e voci di legenda. Per questo grafico, è possibile selezionare una sola entità in un dato momento., Extended description.

Restituisce il valore verticale logico a position, che è un offset dal bordo superiore del contenitore grafico. Può essere negativo.

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

Chiama questo dopo che il grafico è stato disegnato.

Restituisce la coordinata x dello schermo di position relativa al contenitore del grafico.,

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

Chiama questo dopo che il grafico è stato disegnato.

Restituisce la coordinata y dello schermo di position relativa al contenitore del grafico.

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

Chiama questo dopo che il grafico è stato disegnato.

Rimuove l’azione tooltip con la richiesta actionID dal grafico.,

Imposta un’azione tooltip da eseguire quando l’utente fa clic sul testo dell’azione.

Il metodo setAction prende un oggetto come parametro di azione. Questo oggetto deve specificare 3 proprietà: id l’ID dell’azione che sta per essere impostato, text —il testo che deve essere visualizzato nella descrizione dell’azione e action la funzione che deve essere eseguito quando un utente fa clic sul testo dell’azione.,

Qualsiasi azione tooltip deve essere impostata prima di chiamare il metododraw() del grafico. Descrizione estesa.

Seleziona le entità del grafico specificate. Annulla qualsiasi selezione precedente. Le entità selezionabili sono sezioni e voci di legenda. Per questo grafico, è possibile selezionare una sola entità alla volta. Extended description.,

Cancella il grafico e rilascia tutte le risorse allocate.

Attivato quando l’utente fa clic all’interno del grafico., Può essere utilizzato per identificare quando si fa clic su titolo, elementi di dati, voci di legenda, assi, griglie o etichette.

Attivato quando si verifica un errore durante il tentativo di rendering del grafico.

Attivato quando l’utente passa il mouse su un’entità visiva. Restituisce gli indici di riga e colonna dell’elemento della tabella dati corrispondente. Una voce slice o legenda è correlata a una riga nella tabella dati (l’indice delle colonne è nullo).,

Attivato quando l’utente si allontana da un’entità visiva. Restituisce gli indici di riga e colonna dell’elemento della tabella dati corrispondente. Una voce slice o legenda è correlata a una riga nella tabella dati (l’indice delle colonne è nullo).

Il grafico è pronto per le chiamate di metodo esterne., Se si desidera interagire con il grafico e chiamare i metodi dopo averlo disegnato, è necessario impostare un listener per questo evento prima di chiamare il metodo draw e chiamarli solo dopo che l’evento è stato attivato.

Attivato quando l’utente fa clic su un’entità visiva. Per sapere cosa è stato selezionato, chiama getSelection().