1

此图表的导出版本(任何类型)与原始版本不匹配。试试这个小提琴。它是一个错误吗?具体来说,该系列的条形颜色已颠倒。

<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
        }

    });
});
4

1 回答 1

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
        }

    });
});

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

于 2013-06-26T21:38:42.513 回答