使 RangeSelector 成为下拉 Highcharts

Question

有没有办法让它像下拉菜单一样显示，而不是像普通的 Rangeselector 显示一样显示？感谢您对此的帮助。谢谢。

Answer 1

您可以使用导出模块生成具有下拉功能的自定义按钮。在 exporting.buttons.toggle 对象中，您可以创建 menuItems 数组，其中将包含按钮列表。每个按钮都有 onclick 事件，可以让你调用 rangeSelector.clickButton(index, redraw) 函数，负责选择一个特定的范围。最后，您可以隐藏原始范围选择器，例如使用 CSS:

.highcharts-range-selector-buttons {
  visibility: hidden;
}

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

示例：
http://jsfiddle.net/8rrotg5a/

使 RangeSelector 成为下拉 Highcharts

Make RangeSelector into dropdown Highcharts

highcharts

highstock