使用外部按钮离线导出 Highcharts 图表

Question

In this Highcharts chart 目标是使用图表外部的按钮离线导出。

我遇到的问题是，即使我将offline-exporting.js 文件添加到我的应用程序中，如果我在单击Offline Export 按钮时没有连接到 Internet，我会得到一个错误提示它无法访问 URL export.highcharts.com。

如何修复此错误并离线导出？

HTML

  <button id="exp" >Offline Export</button>
  <div id="container" style="height: 400px; width: 500px"></div>

Javascript：

var settings =  
        {
         "chart": {
           "type":"line"
        },
       "xAxis": { 
          "endOnTick":true
       },
       "series":[
           {"name":"series1","data":[[1,1200],[2,2200],[3,3200],[4,1800],[5,1500]]},
           {"name":"series2","data":[[1,1050],[2,2050],[3,1650],[4,1450],[5,1350]]},
           {"name":"series3","data":[[1,1250],[2,2250],[3,1850],[4,1650],[5,1550]]}]
       }


    var chart = $('#container').highcharts(settings);


    $( "#exp" ).click(function() {
        alert( "Handler for .click() called." );
        var chart = $('#container').highcharts();
            chart.exportChart({
                type: 'image/png',
                filename: 'theimage'
            });
      });

Answer 1

尝试使用 exportChartLocal()

   $( "#exp" ).click(function() {
    alert( "Handler for .click() called." );
    var chart = $('#container').highcharts();
        chart.exportChartLocal({
            type: 'image/png',
            filename: 'theimage'
        });
  });