Highstocks/Highcharts API：如何將樣條線添加到已經呈現的圖表中？

Question

我能夠添加/更新底部範圍選擇系列，http://api.highcharts.com/highcharts#Chart.addSeries但一直沒能想出一個辦法來添加一行頂燭臺圖表所見在這裏例如：

• http://www.highcharts.com/stock/demo/candlestick-and-volume

我希望能夠做這樣的事情：

http://www.highcharts.com/demo/combo

但只有它被渲染後，該更新底部rangeselector系列，並在燭臺系列上方不渲染，有什麼建議？

var $chart = $("div#container-area").highcharts() 
var translated = $chart.series[0].yData.map(function(c,i,a){ 
    return c[3]*.8 
}) 
var sma_line = { 
    type: 'spline', 
    name: 'sma', 
    data: translated, 
    marker: { 
     lineWidth: 2, 
    }, 
    dataGrouping: { 
     units: groupingUnits 
    }, 
    seriesStacking: 'normal' 
} 
$chart.addSeries(sma_line, true) 

相關：

• Highcharts add series dynamically
• highcharts Adding New Series Not Working
• trouble with highchart and .clone()
• drawing custom lines on highchart graph

Answer 1

問題是用約x值缺少的信息秒。在你的圖表中點擊「全部」，你可能會在1970年的數據中看到圖表上的第一個點。所以，簡單地附上這樣的方式爲您的數據：

 var $chart = $("#container").highcharts(), 
      xData = $chart.series[0].xData, //get main data 
      translated = $chart.series[0].yData.slice().map(function (c, i, a) { 
       return [xData[i], c[3] * .8]; // return array for [x, y] pair 
      }); 

和演示：http://jsfiddle.net/oun65uq3/