Plotly

Plotly визуализация.

Опции

data | array (required): масив от данни. Default: none.
draggable | boolean: контролира дали плотът да може да се плъзга. Default: false.
editable | boolean: контролира дали етикетите на създадения чертеж могат да се редактират. Default: false.
id | string: идентификатор на компонент. Default: none.
layout | object: Обект за оформление на Plotly. Default: {}.
config | object: Опции за конфигуриране на Plotly (вж.: https://plotly.com/javascript/configuration-options/). Default: {}.
legendButtons | boolean: контролира дали да се показват бутони за промяна на легендата. Default: true.
meta | object: метаинформация за сюжета. Default: none.
revision | number: когато е предоставено, кара графиката да се актуализира, когато стойността на ревизията се увеличи.. Default: none.
style | object: CSS инлайн стилове. Default: {}.
onAfterPlot | function: функция за обратна връзка, която се извиква всеки път, когато се изчертава графика. Default: onAfterPlot() {}.
onClick | function: функция за обратна връзка, задействана при щракване върху някой елемент. Default: onClick() {}.
onInitialized | function: обратно извикване, след като плотът е инициализиран; извиква се с фигурата (обект с три ключа, съответстващи на входните реквизити: data, layout и frames) и DOM възела graphDiv. Default: onInitialized() {}.
onLegendClick | function: функция за обратна връзка, задействана при щракване върху елемент от легендата. Default: onLegendClick() {}.
onLegendDoubleClick | function: функция за обратна връзка, извикана при двойно щракване върху елемент от легендата. Default: onLegendDoubleClick() {}.
onRelayout | function: функция за обратна връзка, задействана при задействане на relayout. Default: onRelayout() {}.
onSelected | function: функция за обратна връзка, задействана при избиране на елементи. Default: onSelected() {}.
onShare | function: функция за обратно извикване, задействана при щракване върху бутона "Споделяне". Default: none.
removeButtons | boolean: контролира дали да се премахнат всички бутони (освен бутона за цял екран, ако е разрешен). Default: false.
toggleFullscreen | boolean: контролира дали да се позволи показването на графиката в режим на цял екран. Default: true.

Примери

Редактор в реално време

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

Резултат

ReferenceError: Provider is not defined

Опции​

Примери​

Опции

Примери