$("#highcharts-2i5ujpv-2").highcharts() 未定义

Question

我有一个 AngularJS 应用程序，我在其中使用 highcharts-ng 版本 0.0.86。我通过以下代码生成高图

<highchart config="highchartsNg"></highchart>

使用此动态 ID“highcharts-2i5ujpv-2”正确生成图表

但是每当我在浏览器控制台中输入 $("#highcharts-2i5ujpv-2").highcharts() 时，它都会给我 undefined.

此外，我的应用程序中还有其他图表，我正在使用 div 容器内的 jQuery 创建图表，它工作正常。例如

<div id="multi-chart-container"></div>
$("#multi-chart-container").highcharts(chartconfig);

我需要明白为什么我在第一种情况下会给我未定义

提前致谢

Answer 1

Highcharts 使用动态 ID 创建自己的 div 元素。您需要升一级才能获得图表：

$("#highcharts-2i5ujpv-2").parent().highcharts()

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

$("#highcharts-2i5ujpv-2").highcharts() is undefined