获取对 Highcharts 图表的引用

Question

我在一个带有 id 的 div 中渲染一个 Highcharts 图表，container如下所示：

new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'line',
        zoomType: 'x'
    },

    xAxis: {
        categories: ['Jan', 'Feb']
    },

    series: [{
        data: [29.9, 71.5]
    }]
});

new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'line',
        zoomType: 'x'
    },

    xAxis: {
        categories: ['Jan', 'Feb']
    },

    series: [{
        data: [29.9, 71.5]
    }]
});

请注意，我没有在变量中捕获对图表对象的引用。在图表渲染后的某个时间点，是否可以从图表对象已渲染到的元素的 ID 中获取对图表对象的引用（container在本例中）？

Answer 1

使用 jQuery

var Mychart=$("#container").data('highchartsChart');

或者

var Mychart=$("#container").highcharts();

提琴手

或通过 Highcharts 的图表数组（如果您的图表是第一个，则为 [0]）

var Mychart = Highcharts.charts[0];