控制HighCharts导出选项

时间:2016-02-22 07:02:30

标签: jquery charts highcharts

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

提前致谢。

3 个答案:

答案 0 :(得分:2)

您可以通过以下方式获取默认选项:

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

现在,只需修改该数组:

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

并在选项中使用:

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

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

答案 1 :(得分:1)

在您的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

in如果我想将多个高图数据导出到excel我喜欢这样我怎么能将这些chart1和chart2对象添加到图表对象它不起作用我在这里得到两个对象并附加到图表对象但是当我试图导出这个图表最后它不工作chart.exportChartLocal({type:'application / vnd.ms-excel'});

你好@Pawel Fus你可以帮忙吗

$('#exportExcel').click(function(){
      var chart1 = $('#example-1').highcharts();
      var chart2= $('#example-1').highcharts();
      var chartOne=new Array(chart1);
      var chartTwo=new Array(chart2);
      var chart=chartOne.concat(chart2);
      chart.exportChartLocal({ type: 'application/vnd.ms-excel' });
});

答案 2 :(得分:1)

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

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