Как уменьшить чувствительность автоматической регулировки оси c в Highcharts при перетаскивании точек

Question

В Highcharts с перетаскиванием, ось автоматически регулируется, так что вы можете перетаскивать за пределы текущего диапазона. Например, на следующем графике ось Y начинается с 2-9:

import React from "react";
import { render } from "react-dom";
import Highcharts from "highcharts";
import more from "highcharts/highcharts-more";
import draggable from "highcharts/modules/draggable-points";
import HighchartsReact from "highcharts-react-official";

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

class App extends React.Component {
  render() {
    return (
      <HighchartsReact
        highcharts={Highcharts}
        constructorType={"chart"}
        options={{
          tooltip: {
            valueDecimals: 2
          },
          series: [
            {
              name: "Range",
              data: [[0, 3, 8], [1, 3, 8], [2, 3, 8]],
              type: "arearange",
              dragDrop: {
                draggableHigh: true,
                draggableLow: true
              },
              linkedTo: ":previous"
            }
          ]
        }}
      />
    );
  }
}

render(<App />, document.getElementById("root"));

Для примера в реальном времени см. this demo .

. Проблема в том, что настройка слишком быстрая. Например, попробуйте перетащить точку из y = 8 в y = 14. Регулировка оси Y настолько чувствительна, что точка находится на отметке 30, прежде чем я успеваю остановить перетаскивание И когда я перетаскиваю точку вниз, та же проблема возникает в противоположном направлении. Попробовав несколько раз, я совершенно не могу установить точку на значение 14.

Итак, вопрос: как я могу уменьшить скорость автоматической c регулировки?

(Обратите внимание, что есть опция dragSensitivity, но она не применима в этом случае.)

Answer 1

Вы пытались установить для функции liveRedraw значение false? Я думаю, что это удовлетворит ваши требования, потому что если для этой опции задано значение false, точность перетаскивания намного выше.

Демо: https://codesandbox.io/s/too-sensitive-y-axis-adjustment-with-highcharts-drag-and-drop-7f41g

API: https://api.highcharts.com/highcharts/plotOptions.arearange.dragDrop.liveRedraw