highcharts - Highstock 范围选择器按钮到 PDF 导出下拉列表
问题描述
我已经能够将范围选择器按钮转换为下拉列表,而不是显示为列表。并单独将导出添加到 PDF/图像下拉列表。
我现在想要实现的是将范围选择器下拉按钮集成到与导出相同的下拉列表中,反之亦然。
出口:
exporting: {
enabled: true,
allowHtml: true,
accessibility: {
enabled: true,
},
buttons: {
contextButtons: {
enabled: true
}
}
}
范围选择器:
exporting: {
buttons: {
contextButton: {
enabled: false
},
toggle: {
text: 'Select range',
align: 'left',
height: 20,
y: -3,
theme: {
'stroke-width': 0.5,
stroke: '#000000',
r: 2
},
menuItems: [{
text: '1M',
onclick: function() {
this.rangeSelector.clickButton(0, true);
}
}, {
text: '3M',
onclick: function() {
this.rangeSelector.clickButton(1, true);
}
}, {
text: '6M',
onclick: function() {
this.rangeSelector.clickButton(2, true);
}
}, {
text: 'YTD',
onclick: function() {
this.rangeSelector.clickButton(3, true);
}
}, {
text: '1Y',
onclick: function() {
this.rangeSelector.clickButton(4, true);
}
}, {
text: 'All',
onclick: function() {
this.rangeSelector.clickButton(5, true);
}
}]
}
}
},
示例:http: //jsfiddle.net/8rrotg5a/
解决方案
将默认项添加到menuItems
数组:
exporting: {
buttons: {
contextButton: {
enabled: false
},
toggle: {
...,
menuItems: [..., {
text: 'All',
onclick: function() {
this.rangeSelector.clickButton(5, true);
}
},
'separator',
'viewFullscreen',
'printChart',
'separator',
'downloadPNG',
'downloadJPEG',
'downloadPDF',
'downloadSVG'
]
}
}
}
现场演示:http: //jsfiddle.net/BlackLabel/j7s8xgtr/
API 参考: https ://api.highcharts.com/highcharts/exporting.buttons.contextButton.menuItems
推荐阅读
- c# - BadRequestObjectResult(Errors.AddErrorsToModelState(result, ModelState)) 不工作
- excel - 如果一个节点缺少 XML 源文件,如何在 VBA 的 Do While 循环中跳到下一个可用的 XML 节点
- reactjs - 古腾堡在保存时打破 svg
- c# - 如何获取 webapi 对象列表?
- database-design - 100 多个并发用户的 UPDATE 语句性能
- php - 使用 jQuery 显示数据
- hyperledger-fabric - 超级账本结构:两个组织中的一个对等点
- flutter - 确定使用相同 gmail、flutter cloudfirestore 的登录用户数
- c# - 如何覆盖 GetWebRequest 进行压缩
- tcl - 如何按用户定义数组大小和元素?