使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/