【问题标题】:Highstock chart - selecting '1 month' button in rangeSelector not changing button style as selectedHighstock 图表 - 在 rangeSelector 中选择“1 个月”按钮不会更改所选按钮样式
【发布时间】:2017-11-26 04:28:43
【问题描述】:

我正在使用 Highstock 图表,其中日期值作为 x 轴,数字对应于 y 轴。 rangeSelector 按钮为 1 周、1 个月、3 个月、全部。

问题是 - 当我选择 1 周、3 个月和全部时,它会更改所选按钮的样式,但是当我单击 1 个月时,它的样式不会更改为所选按钮,并且给人的印象是没有选择任何按钮.虽然它在图表中发生了变化,并且只显示了 1 个月的数据。

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

【问题讨论】:

标签: highcharts highstock


【解决方案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/

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


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

【讨论】:

  • 感谢卡米尔库利格的回复。我尝试了你的解决方案,它奏效了。不过,我想补充一点——这个问题与“1 个月”无关,与它在所有其他按钮中的位置无关,而不是第一个范围选择器按钮,正如 github.com/highcharts/highcharts/issues/7458 的标题所说。
猜你喜欢
  • 2013-11-27
  • 1970-01-01
  • 2021-01-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多