[英]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.