reactjs - 如何修复在 highchart 中单击导航器时显示的“-1”值？（当日期范围不用于导航器时）

Question

我正在尝试使用在 x 轴中没有日期范围的 highchart 构建带有导航器的堆叠条形图。单击或拖动时，导航器工作正常。单击导航器图形左侧时显示-1 值。有人有什么主意吗？

I tried below logic : https://codepen.io/yugshah0106/pen/OeWpQq

标签： reactjshighcharts

Answer 1

出现此问题是因为您使用的是带有 Highcharts 而不是 Highstock 的导航器。当您交换Highcharts.chart构造函数时，Highcharts.stockChart将正确创建导航器。

请注意，要像以前一样拥有类别，在 Highstock 中xAxis.labels.formatter必须使用回调并返回正确的值：

  xAxis: {
    labels: {
      formatter: function(value) {
        return Vlans[this.value];
      }
    },
    tickInterval: 1
  }

演示：

• https://jsfiddle.net/BlackLabel/p8o1ytw7/2/