我有一组使用exporting.js库以各种格式下载的Highcharts图形。我想自定义这些图表上的上下文按钮,以匹配应用程序的本机样式。
虽然我已经找到了在Highcharts图表级别脚本中实现此目的的几个示例(例如此示例),但在每个图表中实现这些样式似乎过于重复,而我有大量受影响的图表。
我意识到这可能可以通过Highcharts中的全局主题实现,但我仍然受到库本身的配置选项的限制。
例如,这将是建议的路径:
很不幸,它并没有提供太多的表现力。
我能否定义CSS样式,并通过其ID或CLASS将其传递给全局主题或图表集?
虽然我已经找到了在Highcharts图表级别脚本中实现此目的的几个示例(例如此示例),但在每个图表中实现这些样式似乎过于重复,而我有大量受影响的图表。
我意识到这可能可以通过Highcharts中的全局主题实现,但我仍然受到库本身的配置选项的限制。
例如,这将是建议的路径:
var chartingOptions = {
exporting: {
buttons: {
'myButton': {
id: 'myButton',
symbol: 'circle',
x: -62,
symbolFill: '#B5C9DF',
hoverSymbolFill: '#779ABF'
}
}
}
很不幸,它并没有提供太多的表现力。
我能否定义CSS样式,并通过其ID或CLASS将其传递给全局主题或图表集?
#myButton{ 你的 CSS 调整 }
。 - Hackermanchart.exportChart()
方法。请参见 API。 - Paweł Fus$(“.highcharts-button:eq(7)”)
->但数字7将取决于已创建的按钮数量(在您的演示中:1m
,3m
,6m
,YTD
,1y
,All
,exporting button
= 7个项目,我们从0开始计数)。但是,设置CSS选项并不像您想象的那么容易。我只是提到了SVG,而不是VML :) - Paweł Fus