chart.scrollablePlotArea неожиданное поведение

Question

Я пытаюсь добавить scrollBar от xAxis до chart.scrollablePlotArea к моему графику, но это не работает, как ожидалось. У меня были проблемы, чтобы заставить его появиться. Решение, которое я нашел, состояло в том, чтобы удалить containerProps из моего react-component

containerProps={{
  className: "chart",
  style: {
    height: "500px",
    minWidth: "280px"
  }
}}

. При этом появился scrollBar, но произошло некоторое неожиданное поведение, сначала сломался fullScreen (он начал отображаться черным баров), во-вторых customButton начал двигаться вокруг графика. Я искал в exporting.buttons.contextButton API , но не смог найти ни одного свойства, которое бы исправило его положение.

Здесь - рабочая демонстрация, благодарю за любую помощь.

Answer 1

Решение, которое я нашел, состояло в том, чтобы удалить containerProps из моего реагирующего компонента

Кажется, что scrollablePlotArea работает нормально, не удаляя containerProps, но ширина контейнера должна быть меньше чем установлено scrollablePlotArea.minWidth.

сначала полный экран сломался (начали появляться черные полосы)

Это ошибка, которая уже исправлена. Будет доступно в Highcharts npm после следующего релиза.

https://github.com/highcharts/highcharts/issues/12832

секунду, когда пользовательская кнопка начала перемещаться с графиком

Как вы нашли эту функцию? Кажется, что customButton недоступно в API, что означает, что он не поддерживается полностью.