Plotly

Plotly vizualizare.

Opțiuni

• data | array (required): matrice de date. Default: none.
• draggable | boolean: controlează dacă graficul ar trebui să poată fi trasat. Default: false.
• editable | boolean: controlează dacă etichetele graficului creat sunt editabile sau nu. Default: false.
• id | string: identificatorul componentei. Default: none.
• layout | object: Obiect de layout Plotly. Default: {}.
• config | object: Opțiuni de configurare Plotly (vezi: https://plotly.com/javascript/configuration-options/). Default: {}.
• legendButtons | boolean: controlează dacă se afișează butoane pentru modificarea legendei. Default: true.
• meta | object: meta-informații parcelare. Default: none.
• revision | number: atunci când este furnizat, determină actualizarea graficului atunci când valoarea revizuirii este mărită.. Default: none.
• style | object: Stiluri inline CSS. Default: {}.
• onAfterPlot | function: funcție de callback invocată de fiecare dată când se trasează un grafic. Default: onAfterPlot() {}.
• onClick | function: funcția de callback invocată atunci când se face clic pe orice element. Default: onClick() {}.
• onInitialized | function: callback invocat odată ce este inițializat complotul; apelat cu figure (obiect cu trei chei care corespund accesoriilor de intrare: data, layout și frames) și nodul DOM graphDiv.. Default: onInitialized() {}.
• onLegendClick | function: funcția de callback invocată atunci când se face clic pe elementul de legendă. Default: onLegendClick() {}.
• onLegendDoubleClick | function: funcția de callback invocată atunci când elementul de legendă este dublu-clicat. Default: onLegendDoubleClick() {}.
• onRelayout | function: funcția de callback invocată atunci când este declanșat relayout. Default: onRelayout() {}.
• onSelected | function: funcția de callback invocată atunci când elementele sunt selectate. Default: onSelected() {}.
• onShare | function: funcția callback invocată atunci când se face clic pe butonul "Share" (Partajează). Default: none.
• removeButtons | boolean: controlează dacă se elimină sau nu toate butoanele (în afară de butonul de ecran complet, dacă este activat). Default: false.
• toggleFullscreen | boolean: controlează dacă se permite sau nu afișarea graficului în modul "fullscreen".. Default: true.

Exemple

Editor live

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

Rezultat

ReferenceError: Provider is not defined