时间戳

首页 > 解决方案 > 如何在 Highcharts v.4 中引用系列？

highcharts - 如何在 Highcharts v.4 中引用系列？

问题描述

在当前版本的 Highcharts 中，我可以用这样的线条实例化一个图表：

const chart = Highcharts.chart(chartOptions);

然后我可以像这样使用 JavaScript 更新数据：

chart.series[0].setData(...)

但是，我现在正在开发一个使用 HighchartsJS 版本 4.1.6 的项目，我无法使用Highcharts.chart(...). 相反，它似乎与 JQuery 集成在一起；代码实例化一个图表，如下所示：

$('#container').highcharts(chartOptions)

而且我不清楚如何引用图表，或者将它分配给一个变量，以便我可以访问它的series数组。我需要能够使用类似的东西更改数据setData()，所以这是我的问题：在这个旧版本的 HighchartsJS 中，我如何获取图表对象的引用或句柄并更改其数据？

标签： highcharts

解决方案

您可以通过new Highcharts.Chart()以下方式使用构造函数或引用使用 jQuery 创建的图表：

var chart1 = new Highcharts.Chart(...);

var chart2 = $('#container2').highcharts({
    series: [{
        data: [1, 2, 3]
    }]
});

// chart 1
console.log(chart1);
// chart 2
console.log(chart2.highcharts());
// or just
console.log($('#container2').highcharts());

现场演示：http: //jsfiddle.net/BlackLabel/om4Lqp5x/

推荐阅读