Highstocks / Highcharts API：如何在已呈现的图表中添加样条线/线？

Question

我可以使用http://api.highcharts.com/highcharts#Chart.addSeries添加/更新底部范围选择器系列，但是无法找到向顶部烛台图添加一条线的方法，如下例所示：< / p>

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

我希望能够做到这样的事情：

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

但是只有在渲染之后，这会更新底部范围选择器系列，并且不会在烛台系列之上呈现任何建议吗？

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值的信息。在您的图表中点击＆＃34;全部＆＃34;并且你可能会在图表上看到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/