Plotly

Plotly vizualizáció.

Opciók

• data | array (required): adattömb. Default: none.
• draggable | boolean: szabályozza, hogy a plot húzható legyen-e. Default: false.
• editable | boolean: szabályozza, hogy a létrehozott plot címkéi szerkeszthetők legyenek-e. Default: false.
• id | string: komponens azonosító. Default: none.
• layout | object: Plotly layout objektum. Default: {}.
• config | object: Plotly konfigurációs lehetőségek (lásd: https://plotly.com/javascript/configuration-options/). Default: {}.
• legendButtons | boolean: szabályozza, hogy megjelenjenek-e gombok a legenda megváltoztatására. Default: true.
• meta | object: metainformációk. Default: none.
• revision | number: ha megadva van, akkor a diagram frissül, amikor a revízió értéke növekszik.. Default: none.
• style | object: CSS inline stílusok. Default: {}.
• onAfterPlot | function: callback függvény, amely minden egyes alkalommal meghívódik, amikor egy diagramot ábrázolnak.. Default: onAfterPlot() {}.
• onClick | function: callback függvény, amely bármely elemre kattintáskor meghívódik. Default: onClick() {}.
• onInitialized | function: callback, amely a plot inicializálása után hívódik; a figure (objektum három kulccsal, amelyek a bemeneti kellékeknek felelnek meg: data, layout és frames) és a DOM csomópont graphDiv segítségével hívható meg.. Default: onInitialized() {}.
• onLegendClick | function: callback függvény, amelyet a legenda elemre való kattintáskor hívnak meg. Default: onLegendClick() {}.
• onLegendDoubleClick | function: callback függvény, amelyet a legenda elemre való dupla kattintáskor hívnak meg. Default: onLegendDoubleClick() {}.
• onRelayout | function: callback függvény, amelyet a relayout kiváltásakor hívnak meg. Default: onRelayout() {}.
• onSelected | function: callback függvény, amelyet az elemek kiválasztásakor hívnak elő. Default: onSelected() {}.
• onShare | function: callback függvény, amely a "Megosztás" gombra kattintáskor hívódik elő.. Default: none.
• removeButtons | boolean: vezérli, hogy az összes gombot eltávolítsa-e (a teljes képernyő gombon kívül, ha engedélyezve van). Default: false.
• toggleFullscreen | boolean: szabályozza, hogy engedélyezi-e a plot teljes képernyős megjelenítését. Default: true.

Példák

Élő szerkesztő

<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 }}
/>

Eredmény

ReferenceError: Provider is not defined