控制 HighCharts 导出选项答案

【问题标题】：Control HighCharts export options控制 HighCharts 导出选项
【发布时间】：2016-02-22 07:02:29
【问题描述】：

我正在使用 HighCharts。现在只需导入exporting.js 文件，我就可以获得所有用于导出的格式，如 png、jpeg、PDF、SVG、CSV 和 EXCEL。我应该怎么做才能限制某些选项？就像我只想导出到 excel 功能一样，我该如何限制其他选项？

提前致谢。

【问题讨论】：

看到这个highcharts.com/plugin-registry/single/37/…和stackoverflow.com/questions/9685681/…

标签： jquery charts highcharts

【解决方案1】：

您可以通过这种方式获取默认选项：

var options = Highcharts.getOptions().exporting.buttons.contextButton.menuItems;

现在，只需修改该数组：

options.splice(4, 1); // remove PDF

并在选项中使用：

exporting: {
  buttons: {
    contextButton: {
      menuItems: options
    }
  }
},

演示：http://jsfiddle.net/pscjzhe4/283/

【讨论】：

【解决方案2】：

exporting: {
    buttons: {
          contextButton{
              menuItems:['printChart', 'downloadPNG', 'downloadCSV', 'downloadXLS']
          }
        }
      }

您可以从此链接获取更多菜单项以满足您的需求 --> https://api.highcharts.com/highcharts/exporting.buttons.contextButton.menuItems

【讨论】：

【解决方案3】：

在您的 HTML 中：

<button type="button" class="btn btn-default" data-type="application/vnd.ms-excel">XLS</button>

你可以使用exportChartLocal:

 $('#exportExcel').click(function(){
      var chart = $('#example-1').highcharts();
      chart.exportChartLocal({ type: 'application/vnd.ms-excel' });
});

查看FIDDLE

【讨论】：

感谢@IsraGab 的回答。我已经这样做了。问题是我不想要所有的导出选项。我只想要“下载到 XLS”。如何隐藏或限制其他选项？
我认为你没有理解我的问题。我不想显示“下载 PNG 图像”、“下载 JPEG 图像”等选项。我只想要“下载 XLS”，没有其他选项。我该怎么做？
只是不要显示选项，我给了你一个代码和一个小提琴。你能看到那里“下载JPEG”等...？？
糟糕！我正在检查右上角的图表上下文菜单。是的，我可以使用“XLS”按钮。谢谢。
顺便问一下，有没有办法限制图表上下文菜单中的选项？