导出HighCharts图表特定的高度宽度

时间:2018-04-03 01:12:12

标签: javascript highcharts

要将导出高度和宽度属性更改为HighCharts的图表,您必须添加导出参数:

var chart = Highcharts.mapChart('container', {
    title: {
        text: 'USA 2016 Presidential Election Results'
    },

    chart: {
        animation: false
    },

    exporting: { height: 200, width: 700}  //<---- exporting

在接下来的图表中,我遇到了这个困难:

https://jsfiddle.net/kmr6kv6L/2/

无论我设置高度还是宽度,输出都会返回默认设置的任何尺寸。此图表是否遵循相同的功能?

值只是示例,但它也不适用于其他值。

由于

1 个答案:

答案 0 :(得分:1)

根据Documentationthis sample

  

sourceWidth:数字   导出时原始图表的宽度,除非设置了明确的chart.width。然后将宽度导出的栅格图像乘以比例。

而不是使用以下导出选项:

 exporting: { height: 200, width: 700}  //<---- exporting

试试这个:

    exporting: {
        sourceWidth: 700,
        sourceHeight: 400,
    },

修改

除了我之前所说的,你还应该设置scale = 1,如下所示:

 exporting: {
    sourceWidth: 700,
    sourceHeight: 400,
    scale: 1 
},

jsfiddle link