highcharts - 向序列中添加多个数据点

  显示原文与译文双语对照的内容

我正在尝试从JS构建一个图表,它包含多个系列的多个"y:"数据点。 我使用 static 配置使图表工作得很好,但是在通过API添加点时努力使它工作。

我在尝试:


'series':[
 {
 'name':'Series 1',
 'color':'#FF8500',
 'data':[
 {
 'y':1.0002193448599428
 },
 {
 'y':0.4999027241865406
 },
 {
 'y':4.499986649534549
 },
 {
 'y':0.4998817439627601
 }
 ]
 },
 {
 'name':'Series 2',
 'color':'#66B3FF',
 'data':[
 {
 'y':12.99999999901047
 },
 {
 'y':13.00000000082946
 },
 {
 'y':18.99999999841384
 },
 {
 'y':5.000000001018634
 }
 ]
 },

我的代码如下所示:


 var options = {
 'chart':{
 'renderTo':'MyChart',
 'zoomType':'xy',
 'defaultSeriesType':'bar',
 'width':880
 },
 <snip>
. . .
 </snip>
 'yAxis':{
 'title':{
 'text':'Seconds'
 },
 },
 'xAxis':{
 'title':{
 'text':'Objects'
 },
 'categories': [],
 'opposite':true
 },

 'series':[
 {
 'name':'Series 1',
 'color':'#FF8500',
 'data':[]
 },
 'series':[
 {
 'name':'Series 2',
 'color':'#66B3FF',
 'data':[]
 }
 ]
};

options.chart.renderTo = targetdiv;

//Categories add perfectly here:
$.each(harfile.log.entries, function(i, val) {
options.xAxis.categories.push(val.request.url);
console.log(val.request.url);
});

$.each(harfile.log.entries, function(i, val) {
//need to do some logic to catch"-1" for all these values...
options.series[0].data.push("y:" + val.timings.receive); 
 }); 

$.each(harfile.log.entries, function(i, val) {
//need to do some logic to catch"-1" for all these values...
options.series[1].data.push(y:" + val.timings.receive); 
 });

console.log(options.series[0].data);

这将产生一个未定义的"typeerror: 无法调用方法'push""

时间: 作者:

只要使用 Highcharts 的api series.addPoint()

作者:
...