Plotly

Plotly-Visualisierung.

Optionen

• data | array (required): Daten-Array. Default: none.
• draggable | boolean: steuert, ob der Plot verschiebbar sein soll. Default: false.
• editable | boolean: steuert, ob Beschriftungen des erstellten Plots editierbar sind. Default: false.
• id | string: Bauteilkennzeichen. Default: none.
• layout | object: Plotly-Layoutobjekt. Default: {}.
• config | object: Konfigurationsmöglichkeiten von Plotly (siehe: https://plotly.com/javascript/configuration-options/). Default: {}.
• legendButtons | boolean: steuert, ob Schaltflächen zum Ändern der Legende angezeigt werden sollen. Default: true.
• meta | object: Plot-Meta-Informationen. Default: none.
• revision | number: wenn angegeben, bewirkt, dass die Darstellung aktualisiert wird, wenn der Revisionswert inkrementiert wird. Default: none.
• style | object: CSS-Inline-Stile. Default: {}.
• onAfterPlot | function: Callback-Funktion, die jedes Mal aufgerufen wird, wenn ein Diagramm gezeichnet wird. Default: onAfterPlot() {}.
• onClick | function: Callback-Funktion, die aufgerufen wird, wenn ein beliebiges Element angeklickt wird. Default: onClick() {}.
• onInitialized | function: Callback wird aufgerufen, sobald der Plot initialisiert ist; wird mit figure (Objekt mit drei Schlüsseln, die den Eingabe-Requisiten entsprechen: data, layout und frames) und dem DOM-Knoten graphDiv aufgerufen. Default: onInitialized() {}.
• onLegendClick | function: Callback-Funktion, die aufgerufen wird, wenn der Legendeneintrag angeklickt wird. Default: onLegendClick() {}.
• onLegendDoubleClick | function: Callback-Funktion, die aufgerufen wird, wenn ein Legendenelement doppelt angeklickt wird. Default: onLegendDoubleClick() {}.
• onRelayout | function: Callback-Funktion, die aufgerufen wird, wenn Relayout ausgelöst wird. Default: onRelayout() {}.
• onSelected | function: Callback-Funktion, die aufgerufen wird, wenn Elemente ausgewählt werden. Default: onSelected() {}.
• onShare | function: Callback-Funktion, die beim Klicken auf die Schaltfläche "Teilen" aufgerufen wird. Default: none.
• removeButtons | boolean: steuert, ob alle Schaltflächen entfernt werden sollen (abgesehen von der Vollbild-Schaltfläche, falls aktiviert). Default: false.
• toggleFullscreen | boolean: steuert, ob die Darstellung des Plots im Vollbildmodus möglich sein soll. Default: true.

Beispiele

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

Ergebnis

ReferenceError: Provider is not defined