Good Mood

a diagram fő területének háttérszíne. Lehet egy egyszerű HTML szín karakterlánc, például: 'red'vagy '#00cc00', vagy egy objektum a következő tulajdonságokkal.,

a szín a diagram határ, mint egy HTML szín karakterlánc.

a határszélesség, képpontokban.

a diagram kitöltési színét HTML színláncként.,

egy tagokkal rendelkező objektum a diagramterület elhelyezésének és méretének konfigurálásához (ahol maga a diagram húzódik, a tengelyek és a legendák kivételével). Két formátum támogatott: egy szám, vagy egy szám, amelyet %követ. Egy egyszerű szám egy érték pixelben; egy szám, amelyet % követ, egy százalék. Példa: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: a szín, amelyet hex karakterláncként vagy angol színnévként biztosítanak.
• strokeWidth: ha van ilyen, rajzol egy határt az adott szélesség diagramterülete körül (és a strokeszínével).

milyen messze kell felhívni a diagramot a bal szélről.,

meddig kell felhívni a táblázatot a felső határ.

diagram terület szélessége.

diagram terület magassága.

a diagramelemekhez használt színek., Egy sor karakterlánc, ahol minden elem egy HTML színű karakterlánc, például: colors:.

hogy a diagram felhasználói eseményeket dob-e, vagy reagál-e a felhasználói interakcióra. Ha hamis, a diagram nem dobja “select” vagy más interakció-alapú események (de dobja kész vagy hiba események), és nem jelenik hovertext vagy más módon változik attól függően, hogy a felhasználó bemenet.,

a diagram összes szövegének alapértelmezett betűmérete pixelben. Ezt felülírhatja az adott diagramelemek tulajdonságai segítségével.

a diagram összes szövegének alapértelmezett betűtípusa. Ezt felülírhatja az adott diagramelemek tulajdonságai segítségével.

rajzolja a diagramot egy inline keretben., (Vegye figyelembe, hogy az IE8-on ezt az opciót figyelmen kívül hagyják; az összes IE8 diagramot i-keretekben rajzolják.)

a diagram magassága pixelben.

Ha igaz, háromdimenziós diagramot jelenít meg.

egy objektum tagokkal a legenda különböző aspektusainak konfigurálásához., Az objektum tulajdonságainak megadásához használhatja az objektum szó szerinti jelölését, amint az itt látható:

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

A legenda igazítása. Lehet az alábbiak egyike:

• “start” – igazítva a jelmagyarázathoz rendelt terület kezdetéhez.
• “központ” – a legenda számára kijelölt területen.
• “vége” – a jelmagyarázathoz rendelt terület végéhez igazítva.,

a Start, a középpont és a vég A jelmagyarázat stílusához-függőleges vagy vízszintes-viszonyított. Például egy “jobb” jelmagyarázatban a “start” és a ” vég “a felső és az alsó, a “felső” jelmagyarázat esetében a “start” és a “vége” a terület bal és jobb oldalán található.

Az alapértelmezett érték a jelmagyarázat pozíciójától függ. Az “alsó” legendák esetében az alapértelmezett a “központ”; más legendák alapértelmezés szerint a “start”.

a legenda helyzete., Lehet az alábbiak egyike:

• “alsó” – megjeleníti a diagram alatti legendát.
• “jelölt” – vonalakat húz a szeletek adatértékeihez.
• “bal” – megjeleníti a diagram bal oldali legendáját.
• ‘nincs’ – nem jelenít meg legendát.
• “jobb” – megjeleníti a diagram legend jogát.
• ‘ top ‘ – a diagram feletti jelmagyarázatot jeleníti meg.

a jelmagyarázatban szereplő sorok maximális száma. Állítsa ezt egynél nagyobb számra, hogy sorokat adjon hozzá a legendához., Megjegyzés: a megjelenített vonalak tényleges számának meghatározásához használt pontos logika továbbra is fluxusban van.

Ez az opció jelenleg csak akkor működik, ha legenda.pozíció “felső”.

egy objektum, amely megadja a legenda szövegstílusát. Az objektumnak ez a formátuma:

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

a color lehet bármilyen HTML színes karakterlánc, például: 'red' vagy '#00cc00'. Lásd még: fontNameés fontSize.,

Ha 0 és 1 között van, fánkdiagram jelenik meg. A lyuk sugara number a diagram sugara.

a szelet szegélyeinek színe. Csak akkor alkalmazható, ha a diagram kétdimenziós.,

a szöveg tartalma jelenik meg a szelet. Lehet a következők egyike:

• “százalék” – a szelet méretének százalékos aránya a teljes értékből.
• ‘érték’ – a szelet mennyiségi értéke.
• “címke” – a szelet neve.
• ‘nincs’ – nem jelenik meg szöveg.

egy objektum, amely meghatározza a szelet szövegstílusát., Az objektumnak ez a formátuma:

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

a color lehet bármilyen HTML színes karakterlánc, például: 'red' vagy '#00cc00'. Lásd még: fontNameés fontSize.

a szög, fokokban, a diagram elforgatásához. Az alapértelmezett 0 az első szelet bal szélét közvetlenül felfelé irányítja.,

Ha igaz, a szeleteket az óramutató járásával ellentétes irányba húzza. Az alapértelmezett az óramutató járásával megegyező irányba történő rajzolás.

szín a kombinációs szelethez, amely az összes szeletet a sliceVisibilityThreshold alatt tartja.,

a slicevisibilitythreshold alatti összes szeletet tartalmazó kombinációs szelet címkéje.

egy sor objektum, mindegyik leírja a formátum a megfelelő szelet a pite. Egy szelet alapértelmezett értékeinek használatához adjon meg egy üres objektumot (azaz {}). Ha egy szelet vagy érték nincs megadva, akkor a globális érték kerül felhasználásra., Minden objektum a következő tulajdonságokat támogatja:

• color – a szelethez használni kívánt szín. Adjon meg egy érvényes HTML színes karakterláncot.
• offset – milyen messze van a szelet elválasztása a pite többi részétől, 0, 0-tól (egyáltalán nem) 1, 0-ig (a pite sugara).
• textStyle – felülbírálja a globális pieSliceTextStyle ezt a szelet.,

megadhat egy sor objektumot, amelyek mindegyike a megadott sorrendben lévő szeletre vonatkozik, vagy megadhat egy objektumot, ahol minden gyermeknek van egy numerikus kulcsa, amely jelzi, hogy melyik szeletre vonatkozik. Például a következő két deklaráció azonos, és az első szeletet feketének, a negyediket pirosnak nyilvánítja:

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

pite, amely alatt egy szelet nem jelenik meg külön-külön., Minden olyan szelet, amely nem haladta meg ezt a küszöböt, egyetlen “más” szeletre kombinálódik, amelynek mérete minden méretük összege. Alapértelmezés szerint nem jelenít meg külön-külön olyan szeletet, amely kisebb, mint fél fok.

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

szöveg jelenik meg a diagram felett.

egy objektum, amely meghatározza a cím szövegstílusát., 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., Az objektum tulajdonságainak megadásához használhatja az objektum szó szerinti jelölését, amint az itt látható:

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

Ha true értékre van állítva, lehetővé teszi az eszköztippek rajzolását a diagram határain kívül minden oldalon.

Megjegyzés: Ez csak a HTML tooltip-ekre vonatkozik. Ha ez engedélyezve van SVG tooltips, minden túlcsordulás kívül a diagram határokat lesz vágva. További részletekért lásd: Tooltip tartalom testreszabása.,

ha true értékre van állítva, használjon HTML-renderelt (nem SVG-renderelt) eszköztippeket. További részletekért lásd: Tooltip tartalom testreszabása.

megjegyzés: a HTML tooltip tartalom testreszabását az tooltip oszlop adat szerepkörén keresztül nem támogatja a buborékdiagram megjelenítés.

Ha igaz, akkor az eszköztipp szeletinformációi melletti színes négyzeteket jelenítsen meg.,

milyen információkat jeleníthet meg, amikor a felhasználó egy pite szelet felett lebeg. A következő értékek támogatottak:

• “mindkettő” – megjeleníti mind a szelet abszolút értékét, mind az egész százalékát.
• ‘érték’ – csak a szelet abszolút értékét jeleníti meg.
• “százalék” – csak a szelet által képviselt teljes százalék jelenik meg.

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.

az a felhasználói interakció, amely az eszköztipp megjelenítését okozza:

• ‘focus’ – az eszköztipp akkor jelenik meg, amikor a felhasználó az elem fölé kerül.
• ‘nincs’ – az eszköztipp nem jelenik meg.
• ‘kiválasztás’ – az eszköztipp jelenik meg, amikor a felhasználó kiválasztja az elemet.

a diagram szélessége pixelben.,

rajzolja a diagramot. A diagram csak a readyesemény kirúgása után fogad el további metódushívásokat. Extended description.

visszaadja a tooltip action objektumot a kért actionID.,

visszaad egy objektumot, amely a bal, felső, szélesség és magassága chart elemid., A formátum id még nem dokumentált (ők a visszatérési értékek eseménykezelők), de itt van néhány példa:

var cli = chart.getChartLayoutInterface();
Magassága a diagram terület cli.getBoundingBox('chartarea').height Szélessége a harmadik, bár az első sorozat egy bárban, vagy oszlop diagram cli.getBoundingBox('bar#0#2').width Befoglaló doboz az ötödik ék egy kördiagram cli.getBoundingBox('slice#4') Befoglaló doboz a táblázat adatai egy függőleges (pl. oszlop) a táblázatot: cli.getBoundingBox('vAxis#0#gridline') Befoglaló doboz a táblázat adatai egy vízszintes (pl.,, bar) diagram: cli.getBoundingBox('hAxis#0#gridline')

az értékek a diagram tartályához viszonyítva vannak. Hívja ezt a diagram rajzolása után.

visszaad egy objektumot, amely a diagram tartalmának bal, felső, szélességét és magasságát tartalmazza (pl.,

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

az értékek a diagram tartályához viszonyítva vannak. Hívja ezt a diagram rajzolása után.

visszaad egy objektumot, amely információkat tartalmaz a grafikon és annak elemei képernyőn való elhelyezéséről.,

A következő módszerekkel lehet nevezni a visszaadott objektum:

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

Hívás után a diagram készül.

visszaadja a logikai vízszintes értéket a position – nál, amely eltolás a diagram tároló bal szélétől. Negatív lehet.,

példa: chart.getChartLayoutInterface().getHAxisValue(400).

hívja ezt a diagram rajzolása után.

visszaadja a kép URI-ként serializált diagramot.

hívja ezt a diagram rajzolása után.

lásd a PNG-diagramok nyomtatását.

visszaadja a kiválasztott diagram entitások egy tömbjét. A választható entitások szeletek és legenda bejegyzések. Ehhez a diagramhoz csak egy entitás választható ki egy adott pillanatban., Extended description.

visszaadja a logikai függőleges értéket position, amely eltolás a diagram tároló felső élétől. Negatív lehet.

példa: chart.getChartLayoutInterface().getVAxisValue(300).

hívja ezt a diagram rajzolása után.

visszaadja a position képernyő x-koordinátáját a diagram tárolójához viszonyítva.,

példa: chart.getChartLayoutInterface().getXLocation(400).

hívja ezt a diagram rajzolása után.

visszaadja aposition y-koordinátáját a diagram tárolójához viszonyítva.

példa: chart.getChartLayoutInterface().getYLocation(300).

hívja ezt a diagram rajzolása után.

eltávolítja a tooltip műveletet a kért actionID – val a diagramból.,

beállítja a végrehajtandó eszköztip műveletet, amikor a felhasználó rákattint a művelet szövegére.

a setAction metódus egy objektumot vesz akcióparaméterként. Ennek az objektumnak 3 tulajdonságot kell megadnia: id— a beállított művelet azonosítója, text —a művelet eszköztipp — jében megjelenő szöveg, és action – az a funkció, amelyet akkor kell futtatni, amikor a felhasználó rákattint a művelet szövegére.,

a táblázat draw() metódusának megadása előtt minden eszköztipp műveletet be kell állítani. Bővített leírás.

kiválasztja a megadott diagram entitásokat. Törli az előző választást. A választható entitások szeletek és legenda bejegyzések. Ehhez a diagramhoz egyszerre csak egy entitás választható ki. Extended description.,

törli a diagramot, és kiadja az összes kiosztott erőforrását.

tüzelt, amikor a felhasználó rákattint a diagram belsejében., Lehet használni, hogy azonosítsa, ha a cím, adatelemek, legenda bejegyzések, tengelyek, rácsvonalak, vagy címkék kattintanak.

a diagram megjelenítésekor hiba lép fel.

tüzelt, amikor a felhasználó egy vizuális entitás felett felkel. Adja vissza a megfelelő adattábla elem sor – és oszlopindexeit. Egy szelet vagy jelmagyarázat bejegyzés korrelál az adattábla egy sorával (az oszlopindex null).,

tüzelt, amikor a felhasználó elfordul egy vizuális entitástól. Adja vissza a megfelelő adattábla elem sor – és oszlopindexeit. Egy szelet vagy jelmagyarázat bejegyzés korrelál az adattábla egy sorával (az oszlopindex null).

a diagram készen áll a külső módszerhívásokra., Ha azt szeretnénk, hogy kölcsönhatásba lépnek a diagram, és hívja módszerek után rajzol, akkor létre kell hozni egy hallgatót erre az eseményre, mielőtt hívja a draw módszer, és hívja őket csak miután az esemény kirúgták.

tüzelt, amikor a felhasználó rákattint egy vizuális entitás. Ha szeretné megtudni, hogy mi lett kiválasztva, hívja getSelection().