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

问题描述 投票:3回答:1

要将导出高度和宽度属性更改为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/

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

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

谢谢

javascript highcharts
1个回答
1
投票

根据Documentationthis sample

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

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

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

试试这个:

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

编辑

除了我之前说的,你还应该像下面这样设置scale = 1

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

jsfiddle link

© www.soinside.com 2019 - 2024. All rights reserved.