Question

此图表的导出版本（任何类型）与原始版本不匹配。在this fiddle中尝试一下。这是一个错误吗？具体来说，系列'酒吧的颜色已被颠倒。

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="height: 400px; margin-top: 1em"></div>

$(function () {
    $('#container').highcharts({

        chart: {
            type:"bar"
        },        
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        series: [{
            index:2,
            data: [29.9, 71.5, 106.4, 129.2]        
        },{
            index:1,
            data: [29.9, 71.5, 106.4, 129.2]        
        }],

        exporting: {
            width: 200
        }

    });
});

Answer 1

如果您为图表和exporting字段设置相同的宽度，它会匹配原始广告（对我而言）。

因为图表会根据最终图像的大小调整坐标。

例如：

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="height: 400px; width: 400px; margin-top: 1em"></div>

和

$(function () {
    $('#container').highcharts({

        chart: {
            type:"bar"
        },        
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        series: [{
            index:2,
            data: [29.9, 71.5, 106.4, 129.2],
            color: "#ff0000"        
        },{
            index:1,
            data: [29.9, 71.5, 106.4, 129.2],
            color: "#00ff00"        
        }],

        exporting: {
            width: 400
        }

    });
});

现在你已经强制了颜色，结果是一样的。

export.highcharts.com错误？更改未在导出的图片中反映的series.index值的顺序

1 个答案: