Премини към основното съдържание

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.

Примери

Редактор в реално време
Резултат
ReferenceError: Provider is not defined