Plotly

Visualização parcelada.

Opções

• data | array (required): matriz de dados. Default: none.
• draggable | boolean: controla se a trama deve ser arrastada. Default: false.
• editable | boolean: controla se as etiquetas da trama criada são editáveis. Default: false.
• id | string: identificador do componente. Default: none.
• layout | object: Objeto de layout Plotly. Default: {}.
• config | object: Opções de configuração em lote (ver: https://plotly.com/javascript/configuration-options/). Default: {}.
• legendButtons | boolean: controla se devem ser exibidos botões para mudar a legenda. Default: true.
• meta | object: meta-informação da trama. Default: none.
• revision | number: quando fornecido, faz com que a trama seja atualizada quando o valor de revisão é incrementado. Default: none.
• style | object: Estilos em linha CSS. Default: {}.
• onAfterPlot | function: função de chamada de retorno invocada cada vez que um gráfico é traçado. Default: onAfterPlot() {}.
• onClick | function: função de chamada de retorno invocada quando qualquer elemento é clicado. Default: onClick() {}.
• onInitialized | function: chamada de retorno invocada uma vez iniciada a trama; chamada com figura (objeto com três chaves correspondentes aos adereços de entrada: dados, layout e frames) e o nó DOM graphDiv. Default: onInitialized() {}.
• onLegendClick | function: função de chamada de retorno invocada quando o item da legenda é clicado. Default: onLegendClick() {}.
• onLegendDoubleClick | function: função de chamada de retorno invocada quando o item da legenda é clicado duas vezes. Default: onLegendDoubleClick() {}.
• onRelayout | function: função de chamada de retorno invocada quando o relé é acionado. Default: onRelayout() {}.
• onSelected | function: função de chamada de retorno invocada quando os elementos são selecionados. Default: onSelected() {}.
• onShare | function: função chamada de retorno invocada ao clicar no botão "Compartilhar". Default: none.
• removeButtons | boolean: controla se todos os botões devem ser removidos (além do botão de tela cheia, se habilitado). Default: false.
• toggleFullscreen | boolean: controla se permite a exibição da trama em modo de tela cheia. Default: true.

Exemplos

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

Resultado

ReferenceError: Provider is not defined