繁体   English   中英

如何在不打破高图图表边界的情况下向空图表添加序列

[英]How to add series to an empty chart without breaking the plot border in highcharts

我正在尝试向高图表中的空白图表添加系列,该图表有时会具有绘图边框,但是当向具有绘图边框的图表添加系列时,绘图边框似乎无法适应新的边框地块面积。

这是一个有问题的jsfiddle http://jsfiddle.net/Lzpztwf7/1/

var chart = Highcharts.chart('container', {
    chart: {
            renderTo: 'container',
            borderWidth: 1,
            borderColor: '#fff',
            plotBorderWidth: 1,
            plotBorderColor: '#777',
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
});

chart.addSeries({"name":"series 1","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]});

这是jsfiddle的外观,以及在选项中定义的系列: http : //jsfiddle.net/ebj9jn6w/

var chart = Highcharts.chart('container', {
    chart: {
            renderTo: 'container',
            borderWidth: 1,
            borderColor: '#fff',
            plotBorderWidth: 1,
            plotBorderColor: '#777',
    },
   xAxis: {
           categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        series: [{"name":"series 1","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]}]
    });

对于我而言,不可能一开始就添加系列,因为用户可以在其中添加数据,并且可以删除它并添加新数据,以及在添加数据之前或之后更改图表上的各种选项。

尝试在初始选项中添加一个空系列,然后使用API​​中的series.update进行更新

高图演示

var chart = Highcharts.chart('container', {
    chart: {
            renderTo: 'container',
            borderWidth: 1,
            borderColor: '#fff',
            plotBorderWidth: 1,
            plotBorderColor: '#777',
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    series: [{}]
});

chart.series[0].update({name: "Your 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]})

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM