如何通过jquery访问highstock zoom按钮？

Question

有没有办法通过jquery访问highstock缩放按钮，如下所示

$('.highcharts-range-selector-buttons').attr('user', 'free');

我想在范围选择器按钮中添加一个新属性。

Answer 1

是的，但您需要等到渲染范围选择器。例如。它在load事件之前呈现，因此你可以在那里获取元素。

chart: {
  type: 'arearange',
  events: {
    load: function() {
      const el = $('.highcharts-range-selector-buttons').attr('user', 'free')
      console.log(el.attr('user'))
    }
  }
},

您拥有的课程适用于包含按钮的小组。范围选择器按钮具有类highcharts-button [highcharts-button-pressed / highcharts-button-normal]

示例：http://jsfiddle.net/v2gv7um1/