Plotly

Plotly vizualizace.

Možnosti

• data | array (required): datové pole. Default: none.
• draggable | boolean: určuje, zda má být graf přetažitelný. Default: false.
• editable | boolean: řídí, zda jsou popisky vytvořeného grafu editovatelné.. Default: false.
• id | string: identifikátor součásti. Default: none.
• layout | object: Objekt rozložení Plotly. Default: {}.
• config | object: Možnosti konfigurace Plotly (viz: https://plotly.com/javascript/configuration-options/). Default: {}.
• legendButtons | boolean: určuje, zda se mají zobrazovat tlačítka pro změnu legendy.. Default: true.
• meta | object: metainformace o pozemku. Default: none.
• revision | number: pokud je zadán, způsobí aktualizaci grafu při zvýšení hodnoty revize.. Default: none.
• style | object: Řádkové styly CSS. Default: {}.
• onAfterPlot | function: funkce zpětného volání vyvolaná při každém vykreslení grafu. Default: onAfterPlot() {}.
• onClick | function: funkce zpětného volání vyvolaná při kliknutí na libovolný prvek.. Default: onClick() {}.
• onInitialized | function: zpětné volání vyvolané po inicializaci grafu; volá se pomocí figure (objekt se třemi klíči odpovídajícími vstupním rekvizitám: data, layout a frames) a DOM uzlu graphDiv.. Default: onInitialized() {}.
• onLegendClick | function: funkce zpětného volání vyvolaná při kliknutí na prvek legendy. Default: onLegendClick() {}.
• onLegendDoubleClick | function: funkce zpětného volání vyvolaná při dvojitém kliknutí na prvek legendy. Default: onLegendDoubleClick() {}.
• onRelayout | function: funkce zpětného volání vyvolaná při spuštění relayout. Default: onRelayout() {}.
• onSelected | function: funkce zpětného volání vyvolaná při výběru prvků. Default: onSelected() {}.
• onShare | function: funkce zpětného volání vyvolaná po kliknutí na tlačítko "Sdílet".. Default: none.
• removeButtons | boolean: určuje, zda se mají odstranit všechna tlačítka (kromě tlačítka pro celou obrazovku, pokud je povoleno).. Default: false.
• toggleFullscreen | boolean: určuje, zda má být povoleno zobrazení grafu v celoobrazovkovém režimu.. Default: true.

Příklady

Živý editor

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

Výsledek

ReferenceError: Provider is not defined