Question

我正在尝试创建一个Highchart chart，可以多个分辨率下载为PNG。

我已将此JSFiddle文件创建为测试：http://jsfiddle.net/4v133hnm/26/

我认为这是相关的代码：

export_for_print = function() {
  var chart = $('#container').highcharts();
  chart.exportChartLocal(null, {
    chart: {
      sourceWidth: 4000,
      sourceHeight: 2000,
      scale: 6
    }
  });
};

导出工作正常，但只能通过单一解决方案实现。

如果您查看自定义“导出电子邮件/桌面/打印”功能，我尝试更改sourceWidth，sourceHeight和scale属性，但无论我做什么，从图表下载的PNG都是1200x800。

我真的很感激这个问题的任何帮助 - 谢谢！

Answer 1

第一个参数是导出选项，因此您应该将代码更改为：

export_for_print = function() {
  var chart = $('#container').highcharts();
  chart.exportChartLocal({
     sourceWidth: 4000,
     sourceHeight: 2000,
     scale: 6
  }, null);
};

http://api.highcharts.com/highcharts#Chart.exportChart

Answer 2

看看文档：

您需要更改比例，比例将改变您的分辨率。

在这里，您可以看到两个不同分辨率的示例，600x400和1200x800：

http://api.highcharts.com/highcharts#exporting.scale

#include <curses.h>

$(function () {
    $('#container').highcharts({

        title: {
            text: 'Highcharts exporting scale demo'
        },

        subtitle: {
            text: 'This subtitle is HTML',
            useHTML: true
        },

        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }],

        exporting: {
            allowHTML: true,
            enabled: false
        }

    });

    $('button.export').click(function () {
        $('#container').highcharts()
            .exportChart({
                scale: $(this).data().scale//take a look here
            });
    });
});

如何使用Highcharts导出多种尺寸的图表？

2 个答案: