Highstock图表 - 在rangeSelector中选择“1个月”按钮，不更改所选的按钮样式

Question

我使用Highstock图表，日期值为x轴，y轴对应的数字。 rangeSelector按钮分别为1周，1个月，3个月，全部。

问题是 - 当我选择1周，3个月和所有时，它将按钮的样式更改为所选，但当我点击1个月时，其样式未按选定方式更改，并且给人的印象是没有选择任何按钮。虽然它在图表中发生了变化，但只显示了1个月的数据。

我的用例与此Highstock演示页面相同。在这里，我也看到了点击图表中的1m相同的问题 - https://www.highcharts.com/stock/demo/basic-line

Answer 1

这似乎是一个错误。我在这里报告了它：https://github.com/highcharts/highcharts/issues/7458

作为解决方法，您可以更改第一个按钮的定义：

  {
    type: 'month',
    count: 1,
    text: '1m'
  }

到：

  {
    type: 'day',
    count: 30,
    text: '1m'
  }

现场演示： http://jsfiddle.net/kkulig/tqhsy2oa/

另一种方法是使用按钮的highcharts-button-pressed事件手动将click类分配给SVG元素。

API参考： https://api.highcharts.com/highstock/rangeSelector.buttons