Plotly

Plotly visualisointi.

Vaihtoehdot

• data | array (required): tietomuoto. Default: none.
• draggable | boolean: ohjaa, onko kartta vedettävissä. Default: false.
• editable | boolean: ohjaa, ovatko luodun piirroksen tarrat muokattavissa.. Default: false.
• id | string: komponentin tunniste. Default: none.
• layout | object: Plotly layout-objekti. Default: {}.
• config | object: Plotlyn konfigurointivaihtoehdot (katso: https://plotly.com/javascript/configuration-options/). Default: {}.
• legendButtons | boolean: ohjaa, näytetäänkö painikkeet legendan muuttamista varten. Default: true.
• meta | object: juoni metatiedot. Default: none.
• revision | number: kun se annetaan, saa piirroksen päivittymään, kun tarkistuksen arvoa kasvatetaan.. Default: none.
• style | object: CSS-inline-tyylit. Default: {}.
• onAfterPlot | function: callback-funktio, jota kutsutaan joka kerta, kun kaavio piirretään.. Default: onAfterPlot() {}.
• onClick | function: callback-funktio, joka käynnistyy, kun jotain elementtiä napsautetaan.. Default: onClick() {}.
• onInitialized | function: callback, jota kutsutaan, kun plot on alustettu; kutsutaan figure (objekti, jossa on kolme avainta, jotka vastaavat input-propsia: data, layout ja frames) ja DOM-solmu graphDiv.. Default: onInitialized() {}.
• onLegendClick | function: callback-funktio, joka käynnistetään, kun legendan kohdetta napsautetaan. Default: onLegendClick() {}.
• onLegendDoubleClick | function: callback-funktio, joka käynnistetään, kun legendan kohdetta kaksoisnapsautetaan.. Default: onLegendDoubleClick() {}.
• onRelayout | function: takaisinkutsufunktio, joka käynnistyy, kun relayout käynnistyy.. Default: onRelayout() {}.
• onSelected | function: callback-funktio, jota kutsutaan, kun elementit valitaan. Default: onSelected() {}.
• onShare | function: Callback-funktio, joka käynnistetään napsautettaessa "Jaa"-painiketta.. Default: none.
• removeButtons | boolean: ohjaa, poistetaanko kaikki painikkeet (lukuun ottamatta koko näytön painiketta, jos se on käytössä).. Default: false.
• toggleFullscreen | boolean: valvoo, sallitaanko juonen näyttäminen koko näytön tilassa.. Default: true.

Esimerkkejä

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

Tulos

ReferenceError: Provider is not defined