Plotly

Korte visualisatie.

Opties

• data | array (required): gegevensreeks. Default: none.
• draggable | boolean: controleert of het perceel versleepbaar moet zijn. Default: false.
• editable | boolean: controleert of de labels van het aangemaakte perceel bewerkbaar zijn. Default: false.
• id | string: componentenidentificatiecode. Default: none.
• layout | object: Plattelandshuisvestingsobject. Default: {}.
• config | object: Plotly configuratieopties (zie: https://plotly.com/javascript/configuration-options/). Default: {}.
• legendButtons | boolean: bepaalt of de knoppen voor het wijzigen van de legenda moeten worden weergegeven. Default: true.
• meta | object: plotmeta-informatie. Default: none.
• revision | number: wanneer deze wordt verstrekt, zorgt ervoor dat het perceel wordt bijgewerkt wanneer de revisiewaarde wordt verhoogd. Default: none.
• style | object: CSS inline-stijlen. Default: {}.
• onAfterPlot | function: terugbelfunctie die wordt aangeroepen telkens wanneer een grafiek wordt uitgezet. Default: onAfterPlot() {}.
• onClick | function: terugbelfunctie die wordt aangeroepen wanneer op een element wordt geklikt. Default: onClick() {}.
• onInitialized | function: callback aangeroepen zodra de plot is geïnitialiseerd; aangeroepen met figuur (object met drie toetsen die overeenkomen met de input props: data, layout, en frames) en het DOM-knooppunt graphDiv. Default: onInitialized() {}.
• onLegendClick | function: terugbelfunctie die wordt aangeroepen wanneer op het legenda-item wordt geklikt. Default: onLegendClick() {}.
• onLegendDoubleClick | function: terugbelfunctie ingeroepen bij dubbelklikken op het legenda-item. Default: onLegendDoubleClick() {}.
• onRelayout | function: terugbelfunctie die wordt aangeroepen wanneer het relais wordt geactiveerd. Default: onRelayout() {}.
• onSelected | function: terugbelfunctie die wordt aangeroepen wanneer elementen worden geselecteerd. Default: onSelected() {}.
• onShare | function: terugbelfunctie ingeroepen bij het klikken op de "Share" knop. Default: none.
• removeButtons | boolean: regelt of alle knoppen moeten worden verwijderd (behalve de knop met volledig scherm als die is ingeschakeld). Default: false.
• toggleFullscreen | boolean: bepaalt of het mogelijk is de plot op volledig scherm weer te geven. Default: true.

Voorbeelden

Live redacteur

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

Resultaat

ReferenceError: Provider is not defined