Plotly

Plotly visualisering.

Indstillinger

• data | array (required): datamatrix. Default: none.
• draggable | boolean: styrer, om plottet skal kunne trækkes. Default: false.
• editable | boolean: kontrollerer, om etiketterne på det oprettede plot kan redigeres. Default: false.
• id | string: komponent-id. Default: none.
• layout | object: Plotly-layoutobjekt. Default: {}.
• config | object: Konfigurationsmuligheder for Plotly (se: https://plotly.com/javascript/configuration-options/). Default: {}.
• legendButtons | boolean: kontrollerer, om der skal vises knapper til ændring af legenden. Default: true.
• meta | object: plotmetainformationer. Default: none.
• revision | number: hvis angivet, får plottet til at blive opdateret, når revisionsværdien øges. Default: none.
• style | object: CSS inline-stilarter. Default: {}.
• onAfterPlot | function: callback-funktion, der påkaldes hver gang et diagram plottes. Default: onAfterPlot() {}.
• onClick | function: callback-funktion, der påkaldes, når der klikkes på et element. Default: onClick() {}.
• onInitialized | function: callback, der kaldes, når plot er initialiseret; kaldes med figur (objekt med tre nøgler, der svarer til inputprops: data, layout og frames) og DOM-knuden graphDiv.. Default: onInitialized() {}.
• onLegendClick | function: callback-funktion, der påkaldes, når der klikkes på et element i legenden. Default: onLegendClick() {}.
• onLegendDoubleClick | function: callback-funktion, der påkaldes, når der dobbeltklikkes på et element i legenden. Default: onLegendDoubleClick() {}.
• onRelayout | function: callback-funktion, der påkaldes, når relayout er udløst. Default: onRelayout() {}.
• onSelected | function: callback-funktion, der påkaldes, når der vælges elementer. Default: onSelected() {}.
• onShare | function: callback-funktion, der kaldes, når der klikkes på knappen "Del". Default: none.
• removeButtons | boolean: styrer, om alle knapper skal fjernes (bortset fra knappen for fuld skærm, hvis den er aktiveret). Default: false.
• toggleFullscreen | boolean: kontrollerer, om plot skal kunne vises i fuldskærmstilstand. Default: true.

Eksempler

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

Resultat

ReferenceError: Provider is not defined