使用Highcharts-React进行拖放操作不起作用>> [

Question

我想将拖放功能添加到Highcharts arearange系列（沿Y方向）。据我所知，我应该将配置放入series.arearange.dragDrop：

series.arearange.dragDrop

但是，这不会使点可拖动。控制台中没有错误。在Safari和Firefox中进行了测试。

我也尝试过启用

// …

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
        }
      },
      // …
    ]
  }}
/>

，但这也不起作用。

我想向Highcharts区域范围系列（沿Y方向）添加拖放功能。据我所知，我应该将配置放入series.arearange.dragDrop：//…import ...

Answer 1

您需要导入并初始化plotOptions.arearange.dragDrop.draggableY模块：