Plotly

Plotly vizualizācija.

Iespējas

• data | array (required): datu masīvs. Default: none.
• draggable | boolean: kontrolē, vai zemes gabalu var vilkt. Default: false.
• editable | boolean: kontrolē, vai izveidotā laukuma etiķetes ir rediģējamas.. Default: false.
• id | string: komponenta identifikators. Default: none.
• layout | object: Plotly izkārtojuma objekts. Default: {}.
• config | object: Plotly konfigurācijas opcijas (skatiet: https://plotly.com/javascript/configuration-options/).. Default: {}.
• legendButtons | boolean: kontrolē, vai tiek rādītas pogas leģendas maiņai.. Default: true.
• meta | object: zemes gabala metainformācija. Default: none.
• revision | number: ja ir norādīts, izraisa zemes gabala atjaunināšanu, kad tiek palielināta pārskatīšanas vērtība.. Default: none.
• style | object: CSS iebūvētie stili. Default: {}.
• onAfterPlot | function: atgriezeniskā zvana funkcija, kas tiek izsaukta ikreiz, kad tiek uzzīmēts grafiks.. Default: onAfterPlot() {}.
• onClick | function: atsauces funkcija, kas tiek izsaukta, kad ir noklikšķināts uz jebkura elementa.. Default: onClick() {}.
• onInitialized | function: atsauces zvans, kas tiek izsaukts, tiklīdz ir inicializēts attēls; izsaukts ar figūru (objekts ar trīs atslēgām, kas atbilst ievades rekvizītiem: data, layout un frames) un DOM mezglu graphDiv.. Default: onInitialized() {}.
• onLegendClick | function: atsauces funkcija, kas tiek izsaukta, kad ir noklikšķināts uz leģendas elementa.. Default: onLegendClick() {}.
• onLegendDoubleClick | function: atsauces funkcija, kas tiek izsaukta, kad uz leģendas elementa ir divreiz uzklikšķināts.. Default: onLegendDoubleClick() {}.
• onRelayout | function: atgriezeniskā zvana funkcija, kas tiek izsaukta, kad ir aktivizēts relayout.. Default: onRelayout() {}.
• onSelected | function: atgriezeniskā zvana funkcija, kas tiek izsaukta, kad ir atlasīti elementi.. Default: onSelected() {}.
• onShare | function: atsauces funkcija, kas tiek izsaukta, noklikšķinot uz pogas "Kopīgot".. Default: none.
• removeButtons | boolean: kontrolē, vai noņemt visas pogas (izņemot pilnekrāna pogu, ja tā ir iespējota).. Default: false.
• toggleFullscreen | boolean: kontrolē, vai ļaut attēlot grafiku pilnekrāna režīmā.. Default: true.

Piemēri

Tiešraides redaktors

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

Rezultāts

ReferenceError: Provider is not defined