javascript – 自定义Highcharts上下文菜单按钮出现在页面上的每个图表中

前端之家收集整理的这篇文章主要介绍了javascript – 自定义Highcharts上下文菜单按钮出现在页面上的每个图表中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个包含多个图表的页面,我需要能够为每个图表的导出上下文菜单添加特定选项.这是我正在使用的代码
  1. myChart.options.exporting.buttons.contextButton.menuItems.push({
  2. text: "Custom Option",onclick: someFunction
  3. });

不幸的是,这为每个图表添加了选项,而不仅仅是myChart引用的图表.我希望能够添加一个选项并让它只显示在一个图表上.

这是一个小提琴,演示:http://jsfiddle.net/4uP5y/2/

谢谢!

解决方法

为图表添加按钮使用选项.然后,您可以为每个图表设置不同的选项集: http://jsfiddle.net/4uP5y/4/

获取默认按钮:

  1. var buttons = Highcharts.getOptions().exporting.buttons.contextButton.menuItems;
  2.  
  3. buttons.push({
  4. text: "Tokyo Only Option",onclick: HelloWorld
  5. });

并将它们设置为图表:

  1. exporting: {
  2. buttons: {
  3. contextButton: {
  4. menuItems: buttons // or buttons.slice(0,6)
  5. }
  6. }
  7. },

猜你在找的JavaScript相关文章