將多個數據點添加到一個系列中

Question

我試圖從多個系列中具有多個「y：」數據點的JS構建圖表。我已經使用靜態配置使圖表正常工作，但在通過API添加點時，我正努力使其工作。

我試圖acheive：

'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); 

這將產生一個 「類型錯誤：無法調用未定義的方法 '推'」

Answer 1

只需使用Highcharts API的series.addPoint()即可。