Plotly

Plotly vizualizacija.

Parinktys

• data | array (required): duomenų masyvas. Default: none.
• draggable | boolean: kontroliuoja, ar sklypą galima vilkti.. Default: false.
• editable | boolean: kontroliuoja, ar sukurto sklypo etiketes galima redaguoti.. Default: false.
• id | string: sudedamosios dalies identifikatorius. Default: none.
• layout | object: Plotly išdėstymo objektas. Default: {}.
• config | object: Plotly konfigūracijos parinktys (žr.: https://plotly.com/javascript/configuration-options/). Default: {}.
• legendButtons | boolean: kontroliuoja, ar rodyti legendos keitimo mygtukus.. Default: true.
• meta | object: sklypo metainformacija. Default: none.
• revision | number: kai nurodyta, sklypas atnaujinamas, kai padidinama peržiūros vertė.. Default: none.
• style | object: CSS eilutės stiliai. Default: {}.
• onAfterPlot | function: grįžtamojo ryšio funkcija, iškviečiama kiekvieną kartą, kai braižoma diagrama.. Default: onAfterPlot() {}.
• onClick | function: grįžtamojo ryšio funkcija, iškviečiama paspaudus bet kurį elementą.. Default: onClick() {}.
• onInitialized | function: iškviečiamas atgalinis skambutis, inicijuojamas inicializavus sklypą; iškviečiamas su figūra (objektas su trimis raktais, atitinkančiais įvesties rekvizitus: data, layout ir frames) ir DOM mazgu graphDiv.. Default: onInitialized() {}.
• onLegendClick | function: grįžtamojo ryšio funkcija, iškviečiama, kai paspaudžiamas legendos elementas. Default: onLegendClick() {}.
• onLegendDoubleClick | function: grįžtamojo ryšio funkcija, iškviečiama, kai legendos elementas spustelėjamas du kartus.. Default: onLegendDoubleClick() {}.
• onRelayout | function: grįžtamojo ryšio funkcija, iškviečiama, kai suveikia relayout.. Default: onRelayout() {}.
• onSelected | function: grįžtamojo ryšio funkcija, iškviečiama pasirinkus elementus.. Default: onSelected() {}.
• onShare | function: grįžtamojo ryšio funkcija, iškviečiama paspaudus mygtuką "Bendrinti".. Default: none.
• removeButtons | boolean: kontroliuoja, ar pašalinti visus mygtukus (išskyrus pilno ekrano mygtuką, jei įjungtas).. Default: false.
• toggleFullscreen | boolean: kontroliuoja, ar leisti rodyti sklypą viso ekrano režimu.. Default: true.

Pavyzdžiai

Tiesioginis redaktorius

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

Rezultatas

ReferenceError: Provider is not defined