javascript - HighStocks - 在同一页面上添加 2 个图表

Question

使用 HighStocks.js，我尝试在同一个 html 页面上添加 2 个相同的图表。

我的代码是这样的:

function createGraph(placeHolderId, uniqueName, series) {
    $(placeHolderId).highcharts(uniqueName, {
            rangeSelector : { selected : 1 },
            series : series
    });
}

我调用了 2 次:

createGraph('#marketdata', 'StockChart', series1);
createGraph('#returns', 'Returns', series1);

即使系列相同，也会创建“市场数据”，然后第二次出现错误:

TypeError: Highcharts[constr] is not a constructor
chart = new Highcharts[constr](options, args[1]);

在 highstock.src.js 的第 1041 行。

为什么第二个失败了？

Answer 1

图表的名称必须是“StockChart”，这是图表的类型而不是变量名称。

$(placeHolderId).highcharts('StockChart', {
        rangeSelector : { selected : 1 },
        series : series
});