Plotly

Visualizzazione della trama.

Opzioni

• data | array (required): array di dati. Default: none.
• draggable | boolean: controlla se la trama deve essere trascinabile. Default: false.
• editable | boolean: controlla se le etichette della trama creata sono modificabili. Default: false.
• id | string: identificatore di componente. Default: none.
• layout | object: Oggetto del layout del lotto. Default: {}.
• config | object: Opzioni di configurazione di Plotly (vedi: https://plotly.com/javascript/configuration-options/). Default: {}.
• legendButtons | boolean: controlla se visualizzare i pulsanti per la modifica della legenda. Default: true.
• meta | object: trama meta-informazioni. Default: none.
• revision | number: quando fornito, fa sì che il grafico si aggiorni quando il valore di revisione viene incrementato. Default: none.
• style | object: Stili in linea CSS. Default: {}.
• onAfterPlot | function: funzione di richiamo invocata ogni volta che viene tracciato un grafico. Default: onAfterPlot() {}.
• onClick | function: funzione di richiamo richiamata quando un elemento viene cliccato. Default: onClick() {}.
• onInitialized | function: callback invocato una volta inizializzato il grafico; chiamato con figura (oggetto con tre tasti corrispondenti ai puntelli di input: data, layout e frames) e il nodo DOM graphDiv. Default: onInitialized() {}.
• onLegendClick | function: funzione di richiamo richiamata quando si fa clic sulla voce della legenda. Default: onLegendClick() {}.
• onLegendDoubleClick | function: funzione di richiamo richiamata quando si fa doppio clic sull'elemento della legenda. Default: onLegendDoubleClick() {}.
• onRelayout | function: funzione di richiamo richiamata quando il relayout è attivato. Default: onRelayout() {}.
• onSelected | function: funzione di richiamo richiamata quando gli elementi sono selezionati. Default: onSelected() {}.
• onShare | function: funzione di richiamo richiamata quando si clicca sul pulsante "Condividi. Default: none.
• removeButtons | boolean: controlla se rimuovere tutti i pulsanti (a parte il pulsante a schermo intero se abilitato). Default: false.
• toggleFullscreen | boolean: controlla se consentire la visualizzazione del grafico in modalità a schermo intero. Default: true.

Esempi

Editore dal vivo

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

Risultato

ReferenceError: Provider is not defined