Overslaan naar hoofdinhoud

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
Resultaat
ReferenceError: Provider is not defined