Plotly

Plotly visualiseerimine.

Valikud

• data | array (required): andmemassiiv. Default: none.
• draggable | boolean: kontrollib, kas joonis peaks olema lohistatav. Default: false.
• editable | boolean: kontrollib, kas loodud graafiku sildid on redigeeritavad. Default: false.
• id | string: komponendi identifikaator. Default: none.
• layout | object: Plotly paigutusobjekt. Default: {}.
• config | object: Plotly konfiguratsioonivõimalused (vt: https://plotly.com/javascript/configuration-options/). Default: {}.
• legendButtons | boolean: kontrollib, kas kuvatakse nuppe legendi muutmiseks. Default: true.
• meta | object: krundi metainfo. Default: none.
• revision | number: kui see on antud, põhjustab graafiku uuendamise, kui revisjoni väärtust suurendatakse.. Default: none.
• style | object: CSS inline stiilid. Default: {}.
• onAfterPlot | function: callback funktsioon, mida kutsutakse esile iga kord, kui graafik joonistatakse.. Default: onAfterPlot() {}.
• onClick | function: callback-funktsioon, mis käivitub, kui mõnele elemendile vajutatakse. Default: onClick() {}.
• onInitialized | function: callback, mida kutsutakse üles pärast plot'i initsialiseerimist; kutsutakse koos joonisega (objekt, millel on kolm võtit, mis vastavad sisendpropsidele: data, layout ja frames) ja DOM-sõlmega graphDiv.. Default: onInitialized() {}.
• onLegendClick | function: callback-funktsioon, mis kutsutakse esile, kui legendi elemendile vajutatakse. Default: onLegendClick() {}.
• onLegendDoubleClick | function: callback-funktsioon, mis kutsutakse esile, kui legendi elemendile tehakse topeltklõps. Default: onLegendDoubleClick() {}.
• onRelayout | function: tagasilöögifunktsioon, mida kutsutakse esile, kui releeout käivitub. Default: onRelayout() {}.
• onSelected | function: callback-funktsioon, mida kutsutakse esile, kui elemendid on valitud. Default: onSelected() {}.
• onShare | function: Callback-funktsioon, mis kutsutakse esile, kui vajutatakse nupule "Share" (Jaga).. Default: none.
• removeButtons | boolean: kontrollib, kas eemaldada kõik nupud (peale täisekraani nupu, kui see on lubatud). Default: false.
• toggleFullscreen | boolean: kontrollib, kas lubada graafiku kuvamist täisekraanil.. Default: true.

Näited

Live toimetaja

<Plotly data={[{ values: [ 24, 7, 0.5 ], labels: [ 'English', 'Spanish', 'Other' ], type: 'pie' }]} layout={{ width: 300 }} />

<Plotly
    data={[{
        values: [ 24, 7, 0.5 ],
        labels: [ 'English', 'Spanish', 'Other' ],
        type: 'pie'
            }]}
    layout={{ width: 300 }}
/>

Tulemus

ReferenceError: Provider is not defined