Good Mood

de achtergrondkleur voor het hoofdgebied van de grafiek. Kan een eenvoudige HTML-kleurreeks zijn, bijvoorbeeld: 'red' of '#00cc00', of een object met de volgende eigenschappen.,

De kleur van de kaartrand, als een HTML – kleurstring.

de randbreedte, in pixels.

De kaartvulkleur in, als een HTML – kleurenreeks.,

Een object met leden om de plaatsing en grootte van het diagramgebied te configureren (waar het diagram zelf wordt getekend, exclusief as en legendes). Twee formaten worden ondersteund: een getal, of een getal gevolgd door %. Een eenvoudig getal is een waarde in pixels; een getal gevolgd door % is een percentage. Voorbeeld: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke: de kleur, geleverd als een hex-tekenreeks of Engelse Kleurnaam.
• strokeWidth: indien aanwezig, tekent een rand rond het diagramgebied van de gegeven breedte (en met de kleur van stroke).

hoe ver de grafiek van de linkerrand moet worden getrokken.,

hoe ver de grafiek van de bovenrand moet worden getrokken.

breedte van het diagramgebied.

hoogte van het diagramgebied.

de te gebruiken kleuren voor de grafiekelementen., Een array van strings, waarbij elk element een HTML kleurstring is, bijvoorbeeld: colors:.

of het diagram gebruikersgebaseerde gebeurtenissen gooit of reageert op gebruikersinteractie. Als false, zal de grafiek niet gooien ‘select’ of andere interactie-gebaseerde gebeurtenissen (maar zal gooien klaar of fout gebeurtenissen), en zal niet hovertext weer te geven of anders veranderen, afhankelijk van de input van de gebruiker.,

De standaard lettergrootte, in pixels, van alle tekst in de grafiek. U kunt dit overschrijven met eigenschappen voor specifieke grafiekelementen.

het standaardlettertype voor alle tekst in de grafiek. U kunt dit overschrijven met eigenschappen voor specifieke grafiekelementen.

tekent de grafiek binnen een inline frame., (Merk op dat op IE8, deze optie wordt genegeerd; alle IE8 grafieken worden getekend in I-frames.)

hoogte van de grafiek, in pixels.

indien waar, geeft een driedimensionaal diagram weer.

Een object met leden om verschillende aspecten van de legende in te stellen., Om de eigenschappen van dit object te specificeren, kunt u object-letterlijke notatie gebruiken, zoals hier getoond:

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

uitlijning van de legenda. Kan een van de volgende zijn:

• ‘start’ – uitgelijnd met het begin van het gebied dat is toegewezen voor de legenda.
• ‘center’ – gecentreerd in het gebied dat is toegewezen voor de legenda.
• ‘ end ‘ – uitgelijnd met het einde van het gebied dat Voor de legenda is toegewezen.,

begin, Midden en einde zijn relatief aan de stijl — verticaal of horizontaal — van de legenda. Bijvoorbeeld, in een’ right ‘legend,’ start ‘en’ end ‘zijn aan de boven-en onderkant, respectievelijk; voor een’ top ‘ legend,’ start ‘en’ end ‘ zou aan de linker-en rechterkant van het gebied, respectievelijk.

De standaardwaarde hangt af van de positie van de legenda. Voor’ bottom ‘legends is de standaard ‘center’; andere legends zijn standaard’start’.

positie van de legenda., Kan een van de volgende zijn:

• ‘bottom’ – toont de legenda onder de grafiek.
• ‘gelabeld’ – tekent lijnen die slices verbinden met hun gegevenswaarden.
• ‘left’ – toont de legenda links van de grafiek.
• ‘none’ – geeft geen legenda weer.
• ‘right’ – toont de legenda rechts van de grafiek.
• ‘ top ‘ – toont de legenda boven de grafiek.

Maximum aantal regels in de legenda. Stel dit in op een getal groter dan één om regels toe te voegen aan je legende., Opmerking: de exacte logica die wordt gebruikt om het werkelijke aantal weergegeven lijnen te bepalen is nog steeds in flux.

Deze optie werkt momenteel alleen als legenda.positie is ‘top’.

Een object dat de tekststijl van de legenda specificeert. Het object heeft dit formaat:

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

de color kan elke HTML-kleurenreeks zijn, bijvoorbeeld: 'red' of '#00cc00'. Zie ook fontName en fontSize.,

indien tussen 0 en 1 een donutdiagram wordt weergegeven. Het gat met een straal gelijk aan number maal de straal van de grafiek.

De kleur van de sliceranden. Alleen van toepassing wanneer de grafiek tweedimensionaal is.,

de inhoud van de tekst die op het slice wordt weergegeven. Kan een van de volgende zijn:

• ‘percentage’ – het percentage van de slicegrootte van het totaal.
• “waarde” – de kwantitatieve waarde van de schijf.
• ‘label’ – de naam van de slice.
• ‘geen’ – Er wordt geen tekst weergegeven.

Een object dat de stijl van de slice-tekst specificeert., Het object heeft dit formaat:

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

de color kan elke HTML-kleurenreeks zijn, bijvoorbeeld: 'red' of '#00cc00'. Zie ook fontName en fontSize.

de hoek, in graden, om de grafiek te draaien. De standaardwaarde van 0 zal de meest linkse rand van het eerste slice direct naar boven Oriënteren.,

indien waar, tekent slices tegen de klok in. De standaard is om met de klok mee te tekenen.

kleur voor de combinatie slice die alle slices onder slicevisibility drempel houdt.,

een label voor de combinatie slice die alle slices onder slicevisibility drempel houdt.

een array van objecten, die elk het formaat van de corresponderende slice in de pie beschrijven. Om de standaardwaarden voor een slice te gebruiken, geeft u een leeg object op (d.w.z. {}). Als een slice of een waarde niet is opgegeven, wordt de Globale waarde gebruikt., Elk object ondersteunt de volgende eigenschappen:

• color – de kleur die gebruikt wordt voor deze slice. Geef een geldige HTML-kleurstring op.
• offset – hoe ver de slice van de rest van de taart moet worden gescheiden, van 0.0 (helemaal niet) tot 1.0 (de straal van de taart).
• textStyle – overschrijft de Globale pieSliceTextStyle voor deze slice.,

u kunt een array van objecten opgeven, die elk van toepassing zijn op de slice in de gegeven volgorde, of u kunt een object opgeven waarbij elk kind een numerieke sleutel heeft die aangeeft op welke slice het van toepassing is. De volgende twee declaraties zijn bijvoorbeeld identiek en verklaren de eerste slice als zwart en de vierde als rood:

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

de fractionele waarde van de pie, waaronder een slice niet individueel tonen., Alle plakjes die deze drempel niet hebben overschreden, worden gecombineerd tot een enkele” andere ” plak, waarvan de grootte de som is van al hun maten. Standaard is niet om afzonderlijk een slice die kleiner is dan een halve graad.

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

tekst die boven de grafiek moet worden weergegeven.

Een object dat de tekststijl van de titel specificeert., 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., Om de eigenschappen van dit object te specificeren, kunt u object letterlijke notatie gebruiken, zoals hier getoond:

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

indien ingesteld op true, staat het tekenen van tooltips toe om aan alle zijden buiten de grenzen van het diagram te stromen.

Opmerking: Dit is alleen van toepassing op HTML-tooltips. Als dit is ingeschakeld met SVG tooltips, zal elke overloop buiten de grafiekgrenzen worden bijgesneden. Zie tekstballon aanpassen voor meer informatie.,

indien ingeschakeld, gebruik HTML-gerenderde (in plaats van SVG-gerenderde) tooltips. Zie tekstballon aanpassen voor meer informatie.

opmerking: het aanpassen van de html-tooltip-inhoud via de functie tooltip-kolomgegevens wordt niet ondersteund door de weergave van de bellengrafiek.

indien waar, toon gekleurde vierkantjes naast de slice-informatie in de tooltip.,

welke informatie moet worden weergegeven wanneer de gebruiker over een taartpunt zweeft. De volgende waarden worden ondersteund:

• ‘both’ – Toon zowel de absolute waarde van de slice als het percentage van het geheel.
• ‘value’ – geef alleen de absolute waarde van de slice weer.
• ‘percentage’ – geef alleen het percentage van het geheel weer dat door de slice wordt weergegeven.

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.

de gebruikersinteractie die ervoor zorgt dat de tooltip wordt weergegeven:

• ‘focus’ – de tooltip wordt weergegeven wanneer de gebruiker boven het element zweeft.
• ‘none’ – de tooltip zal niet worden weergegeven.
• ‘selection’ – de tooltip wordt weergegeven wanneer de gebruiker het element selecteert.

breedte van de grafiek, in pixels.,

tekent de grafiek. De grafiek accepteert verdere methodeaanroepen alleen nadat de gebeurtenis readyis gestart. Extended description.

geeft een object terug dat links, boven, breedte en hoogte van de inhoud van de grafiek bevat (d.w.z., exclusief labels en legenda):

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

Waarden zijn ten opzichte van de container van de grafiek. Bel dit nadat de grafiek is getekend.

geeft een object met informatie over de plaatsing op het scherm van de grafiek en de elementen.,

De volgende methoden kunnen worden aangeroepen op het geretourneerde object:

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

Oproep nadat de grafiek getekend.

geeft de seriële grafiek terug als een image-URI.

Roep dit aan nadat de grafiek is getekend.

zie PNG-diagrammen afdrukken.

geeft een array van de geselecteerde grafiekentiteiten terug. Selecteerbare entiteiten zijn slices en legend entries. Voor deze grafiek kan op een bepaald moment slechts één entiteit worden geselecteerd., Extended description .

stelt een tooltip-actie in die moet worden uitgevoerd wanneer de gebruiker op de actietekst klikt.

de methode setAction neemt een object als actieparameter. Dit object moet 3 eigenschappen specificeren: id— de ID van de actie die wordt ingesteld, text —de tekst die in de tooltip voor de actie moet verschijnen, en action — de functie die moet worden uitgevoerd wanneer een gebruiker op de actietekst klikt.,

alle tooltip-acties moeten worden ingesteld voordat de methode draw() wordt aangeroepen. Uitgebreide beschrijving.

selecteert de opgegeven chart-entiteiten. Annuleert elke eerdere selectie. Selecteerbare entiteiten zijn slices en legend entries. Voor deze grafiek kan slechts één entiteit tegelijk worden geselecteerd. Extended description .,

wist de grafiek en geeft alle toegewezen bronnen vrij.

afgevuurd wanneer de gebruiker in de grafiek klikt., Kan worden gebruikt om te identificeren wanneer op de titel, gegevenselementen, legenda-items, Assen, rasterlijnen of labels wordt geklikt.

afgevuurd wanneer er een fout optreedt bij het weergeven van de grafiek.

afgevuurd wanneer de gebruiker over een visuele entiteit beweegt. Geeft de rij – en kolomindices van het overeenkomstige gegevenstabel-element terug. Een slice-of legenda-ingang correleert met een rij in de gegevenstabel (kolomindex is null).,

afgevuurd wanneer de gebruiker zich van een visuele entiteit verwijdert. Geeft de rij – en kolomindices van het overeenkomstige gegevenstabel-element terug. Een slice-of legenda-ingang correleert met een rij in de gegevenstabel (kolomindex is null).

het diagram is gereed voor externe methodeaanroepen., Als u wilt interageren met de grafiek en de aanroepmethoden nadat u deze hebt getekend, moet u een luisteraar instellen voor deze gebeurtenis voordat u de draw methode aanroept, en deze alleen aanroepen nadat de gebeurtenis is afgevuurd.

afgevuurd wanneer de gebruiker op een visuele entiteit klikt. Om te weten te komen wat er is geselecteerd, roep getSelection()aan.