Перетаскивание не работает с помощью Highcharts-React - PullRequest
Новая
       46

Перетаскивание не работает с помощью Highcharts-React

0 голосов
/ 28 января 2020

Я хотел бы добавить функцию перетаскивания в серию Highcharts arearange (в направлении Y). Насколько я могу судить, я должен поместить конфигурацию в series.arearange.dragDrop: 

// …

import Highcharts from "highcharts/highstock";
import HighchartsReact from "highcharts-react-official";
import more from "highcharts/highcharts-more";

// …

if (typeof Highcharts === "object") {
  more(Highcharts);
}

// …

<HighchartsReact
  highcharts={Highcharts}
  constructorType={"chart"}
  options={{
    credits: {
      enabled: false
    },
    title: {
      text: ""
    },
    tooltip: {
      valueDecimals: 2,
      shared: true
    },
    legend: {
      enabled: false
    },
    xAxis: {
      type: "datetime"
    },
    yAxis: {
      title: {
        text: ""
      },
      min: 0
    },
    series: [
      // …
      {
        name: "Range",
        data: chartData.average_ranges,
        type: "arearange",
        dragDrop: {
          draggableY: true,
        },
        lineWidth: 0,
        linkedTo: ":previous",
        color: "lightBlue",
        fillOpacity: 0.3,
        zIndex: 0,
        marker: {
          enabled: false
        }
      },
      // …
    ]
  }}
/>

Однако это не делает точки перетаскиваемыми. В консоли нет ошибок. Протестировано в Safari и Firefox.

Я также пытался включить plotOptions.arearange.dragDrop.draggableY, но это тоже не работает.

1 Ответ

1 голос
/ 28 января 2020

Вам необходимо импортировать и инициализировать draggable-points модуль: 

import Highcharts from "highcharts";
import more from "highcharts/highcharts-more";
import draggable from "highcharts/modules/draggable-points";

if (typeof Highcharts === "object") {
  more(Highcharts);
  draggable(Highcharts);
}

Демонстрационная версия: https://codesandbox.io/s/highcharts-react-demo-llomi

Документы: https://github.com/highcharts/highcharts-react#how к модулю добавления

...