如何检测图表是否附加到 highcharts 中的元素？

Question

有没有一种方法可以让我在 jquery 元素上运行来检测元素中是否已呈现图表？例如，由于定义了 .highcharts()，此代码将始终 return 为真，我应该使用什么方法或属性检查图表是否已呈现，这是重新绘制图表的正确方法吗包含新数据的图表？

function draw (element, chartData) {
        if( $(element).highcharts() ) {
            $(element).highcharts().destroy();
        }
    $(element).highcharts( chartData);
}

Answer 1

只需在不带任何参数的元素上调用 highcharts()。例如：

$(function () {
    $('#container').highcharts({
        series: [{
            type: 'pie',
            data: [1, 2, 3]
        }]
    });

    console.log($('#container').highcharts());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>

如何检测图表是否附加到 highcharts 中的元素？

How to detect if a chart is attached to an element in highcharts?

highcharts