Good Mood

culoarea de fundal pentru zona principală a diagramei. Poate fi un simplu HTML șir de culoare, de exemplu: 'red' sau '#00cc00', sau un obiect cu următoarele proprietăți.,

culoarea chenarului graficului, ca șir de culori HTML.

lățimea de frontieră, în pixeli.

culoarea de umplere a graficului, ca șir de culori HTML.,

un obiect cu membri pentru a configura plasarea și dimensiunea zonei diagramei (unde diagrama în sine este desenată, excluzând axa și legendele). Sunt acceptate două formate: un număr sau un număr urmat de %. Un număr simplu este o valoare în pixeli; un număr urmat de % este un procent. Exemplu: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: culoarea, furnizată ca șir hexagonal sau nume de culoare Engleză.
• strokeWidth: dacă condiția, atrage un chenar în jurul zonei diagramei de date latime (și cu culoarea stroke).

cât de departe pentru a trage graficul de la marginea din stânga.,

cât de departe pentru a trage graficul de la marginea de sus.

lățimea zonei graficului.

Înălțimea zonei graficului.

culorile de utilizat pentru elementele de diagramă., O serie de șiruri, în care fiecare element este un șir de culori HTML, de exemplu: colors:.

dacă graficul aruncă evenimente bazate pe utilizator sau reacționează la interacțiunea cu utilizatorul. Dacă este fals, graficul nu va arunca „selectați” sau alte evenimente bazate pe interacțiune (dar va arunca evenimente gata sau de eroare) și nu va afișa textul plutitor sau nu se va schimba în funcție de intrarea utilizatorului.,

dimensiunea implicită a fontului, în pixeli, a întregului text din diagramă. Puteți suprascrie acest lucru folosind proprietăți pentru anumite elemente de diagramă.

fața fontului implicit pentru tot textul din diagramă. Puteți suprascrie acest lucru folosind proprietăți pentru anumite elemente de diagramă.

desenează graficul în interiorul unui cadru inline., (Rețineți că pe IE8, această opțiune este ignorată; toate diagramele IE8 sunt desenate în cadre I.)

înălțimea graficului, în pixeli.

Dacă este adevărat, afișează o diagramă tridimensională.

un obiect cu membri pentru a configura diferite aspecte ale legendei., Pentru a specifica proprietățile acestui obiect, puteți utiliza obiect literală notație, așa cum se arată aici:

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

alinierea legendei. Poate fi una dintre următoarele:

• ‘start’ – aliniat la începutul zonei alocate pentru legendă.
• ‘centru’ – centrat în zona alocată legendei.
• ‘ end ‘ – aliniat la sfârșitul zonei alocate pentru legendă.,începutul, centrul și sfârșitul sunt relative la stilul — vertical sau orizontal — al legendei. De exemplu, într-o legendă „dreapta”, „început” și „sfârșit” sunt în partea de sus și de jos, respectiv; pentru o legendă „de sus”, „început” și „sfârșit” ar fi la stânga și la dreapta zonei, respectiv.

  valoarea implicită depinde de poziția legendei. Pentru legendele „de jos”, valoarea implicită este „centru”; alte legende implicit la „start”.

  tip: string
  implicit: automat

poziția legendei., Poate fi una dintre următoarele:

• ‘bottom’ – afișează legenda sub diagramă.
• ‘etichetat’ – desenează linii care conectează felii la valorile lor de date.
• ‘left’ – afișează legenda din stânga graficului.
• ‘none’ – afișează nici o legendă.
• ‘right’ – Afișează legenda din dreapta diagramei.
• ‘ top ‘ – afișează legenda deasupra graficului.

numărul maxim de linii din legendă. Setați acest lucru la un număr mai mare decât unul pentru a adăuga linii la legenda dvs., Notă: logica exactă utilizată pentru a determina numărul real de linii randate este încă în flux. această opțiune funcționează în prezent numai atunci când legenda.poziția este „de sus”.

un obiect care specifică stilul textului legendei. Obiectul are următorul format:

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

color poate fi orice culoare HTML șir de caractere, de exemplu: 'red' sau '#00cc00'. De asemenea, a se vedea fontName și fontSize.,

Dacă între 0 și 1, Afișează o diagramă gogoasa. Gaura cu au o rază egală cu number ori raza graficului.

culoarea marginilor felie. Se aplică numai atunci când graficul este bidimensional.,

conținutul textului afișat pe felie. Poate fi una dintre următoarele:

• ‘procentaj’ – procentul mărimii feliei din total.
• „valoare” – valoarea cantitativă a feliei.
• „etichetă” – numele feliei.
• ‘none’ – nu este afișat niciun text.

Un obiect care specifică felie stil de text., Obiectul are următorul format:

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

color poate fi orice culoare HTML șir de caractere, de exemplu: 'red' sau '#00cc00'. De asemenea, a se vedea fontName și fontSize.

unghiul, în grade, pentru a roti diagrama de. Valoarea implicită a 0 va orienta marginea din stânga a primei felii direct în sus.,

Dacă este adevărat, atrage felii invers acelor de ceasornic. Implicit este să desenați în sensul acelor de ceasornic.

Culoare pentru o combinație felie care deține toate feliile de mai jos sliceVisibilityThreshold.,

O etichetă pentru o combinație felie care deține toate feliile de mai jos sliceVisibilityThreshold.

o serie de obiecte, fiecare descriind formatul feliei corespunzătoare din plăcintă. Pentru a utiliza valorile implicite pentru o felie, specificați un obiect gol (adică, {}). Dacă o felie sau o valoare nu este specificată, valoarea globală va fi utilizată., Fiecare obiect suportă următoarele proprietăți:

• color – culoarea de utilizat pentru această felie. Specificați un șir de culori HTML valid.
• offset – cât de departe se separă felia de restul plăcintei, de la 0, 0 (deloc) la 1, 0 (raza plăcintei).
• textStyle – poate globale pieSliceTextStyle pentru această felie.,

puteți specifica fie o serie de obiecte, fiecare dintre acestea se aplică feliei în ordinea dată, fie puteți specifica un obiect în care fiecare copil are o cheie numerică care indică felia la care se aplică. De exemplu, următoarele două declarații sunt identice, și să declare prima felie la fel de neagră și al patrulea ca rosu:

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

fracționată valoare de plăcintă, mai jos, pe care o felie nu va arăta în mod individual., Toate feliile care nu au trecut de acest prag vor fi combinate într-o singură felie „alta”, a cărei dimensiune este suma tuturor dimensiunilor lor. Implicit nu este de a arăta în mod individual orice felie, care este mai mică decât o jumătate de grad.

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

Text de afișat deasupra graficului.

un obiect care specifică stilul textului titlului., 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., Pentru a specifica proprietățile acestui obiect, puteți utiliza obiect literală notație, așa cum se arată aici:

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

dacă este setat la true, permite desenarea tooltips să curgă în afara limitelor diagramei pe toate laturile.

Notă: Acest lucru se aplică numai tooltips HTML. Dacă acest lucru este activat cu ajutorul sfaturilor SVG, orice depășire în afara limitelor graficului va fi decupată. Consultați personalizarea conținutului Tooltip pentru mai multe detalii.,

dacă este setat la true, utilizați HTML-prestate (mai degrabă decât SVG-prestate) ponturi. Consultați personalizarea conținutului Tooltip pentru mai multe detalii.

notă: personalizarea conținutului tooltip HTML prin intermediul rolului de date al coloanei tooltip nu este acceptată de vizualizarea diagramei cu bule.

dacă este adevărat, arată pătrate colorate de lângă informațiile felie în tooltip.,

ce informații să afișeze atunci când utilizatorul trece peste o felie de plăcintă. Sunt acceptate următoarele valori:

• ‘ambele’ – afișează atât valoarea absolută a feliei, cât și procentul întregului.
• ‘value’ – afișează numai valoarea absolută a feliei.
• ‘procentaj’ – afișează numai procentul întregului reprezentat de felie.

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.

interacțiunea cu utilizatorul care determină afișarea tooltip-ului:

• ‘focus’ – tooltip-ul va fi afișat atunci când utilizatorul trece peste element.
• ‘none’ – tooltip nu va fi afișat.
• ‘selection’ – tooltip va fi afișat atunci când utilizatorul selectează elementul.

lățimea graficului, în pixeli.,

Atrage diagramă. Graficul acceptă apeluri suplimentare numai după ce evenimentul readyeste concediat. Extended description.

a se Întoarce tooltip obiect acțiune solicitate actionID.,

Returnează un obiect care conține stânga, sus, lățimea și înălțimea de diagramă element id., Formatul pentru id nu este încă documentate (acestea sunt valorile returnate de stivuitoare eveniment), dar aici sunt câteva exemple:

var cli = chart.getChartLayoutInterface();
Înălțimea zonei diagramei cli.getBoundingBox('chartarea').height Lățime de cel de-al treilea bar în prima serie dintr-un bar sau diagramă coloană cli.getBoundingBox('bar#0#2').width casetă de Încadrare a cincea felie de plăcintă diagramă cli.getBoundingBox('slice#4') Casetă de încadrare din fișa de date a unei verticale (de exemplu, coloana) grafic: cli.getBoundingBox('vAxis#0#gridline') casetă de Încadrare de date diagramă orizontală (de exemplu,,, bar) grafic: cli.getBoundingBox('hAxis#0#gridline')

Valorile sunt relative la containere din diagramă. Apelați acest lucru după ce graficul este desenat.

returnează un obiect care conține stânga, sus, lățimea și înălțimea conținutului graficului (adică.,, cu excepția etichetelor și legendă):

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

Valorile sunt relative la containere din diagramă. Apelați acest lucru după ce graficul este desenat.

returnează un obiect care conține informații despre plasarea pe ecran a graficului și a elementelor sale.,

următoarele metode poate fi numit pe obiectul returnat:

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

Apel în această după diagramă este trasată.

Returnează valoarea logică orizontale valoarea de la position, care este un offset din graficul de container este marginea din stânga. Poate fi negativ.,

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

apelați acest lucru după ce graficul este desenat.

returnează graficul serializat ca URI de imagine.

apelați acest lucru după ce graficul este desenat.

A se vedea imprimarea diagrame PNG.

returnează o matrice de entități diagramă selectate. Entitățile selectabile sunt felii și intrări legendă. Pentru această diagramă, o singură entitate poate fi selectată la un moment dat., Extended description.

Returnează valoarea logică verticală valoarea la position, care este un offset din graficul container de marginea de sus. Poate fi negativ.

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

apelați acest lucru după ce graficul este desenat.

a se Întoarce ecran x-coordonata position raport cu graficul de containere.,

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

apelați acest lucru după ce graficul este desenat.

a se Întoarce la ecranul y-coordonata position raport cu graficul de containere.

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

apelați acest lucru după ce graficul este desenat.

Elimină tooltip acțiune solicitate actionID din diagramă.,

Stabilește un tooltip acțiune pentru a fi executat atunci când utilizatorul face clic pe textul de acțiune.

metoda setAction ia un obiect ca parametru de acțiune. Acest obiect ar trebui să specifice 3 proprietati: id— ID-ul de acțiune fiind stabilit, text —textul care ar trebui să apară în tooltip pentru acțiune, și action — funcția pe care ar trebui să fi rulat atunci când un utilizator face clic pe textul de acțiune.,

orice și toate acțiunile tooltip ar trebui să fie stabilite înainte de apelarea graficului draw() metoda. Descriere extinsă.

Selectează specificate diagramă entități. Anulează orice selecție anterioară. Entitățile selectabile sunt felii și intrări legendă. Pentru această diagramă, o singură entitate poate fi selectată la un moment dat. Extended description.,

șterge Graficul și eliberează toate resursele alocate.

Concediat atunci când utilizatorul face clic în interiorul diagramei., Poate fi folosit pentru a identifica atunci când titlul, elemente de date, intrările legenda, axe, gridlines, sau etichete sunt apasat.

tras atunci când apare o eroare la încercarea de a face graficul.

tras atunci când utilizatorul Mouse-uri peste o entitate vizuală. Trece înapoi indicii rând și coloană ale elementului tabel de date corespunzător. O intrare felie sau legenda se corelează cu un rând în tabelul de date (index coloană este nul).,

tras atunci când utilizatorul se îndepărtează de o entitate vizuală. Trece înapoi indicii rând și coloană ale elementului tabel de date corespunzător. O intrare felie sau legenda se corelează cu un rând în tabelul de date (index coloană este nul).

graficul este pregătit pentru apeluri de metode externe., Dacă doriți să interacționați cu Graficul și să apelați metode după ce îl desenați, ar trebui să configurați un ascultător pentru acest eveniment înainte de a apela metoda draw și să le apelați numai după ce evenimentul a fost concediat.

tras atunci când utilizatorul face clic pe o entitate vizuală. Pentru a afla ce a fost selectat, apelați getSelection().