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

【问题标题】：$("#highcharts-2i5ujpv-2").highcharts() is undefined$("#highcharts-2i5ujpv-2").highcharts() 未定义
【发布时间】：2020-07-31 19:49:46
【问题描述】：

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

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

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

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

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

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

我需要了解为什么我在第一种情况下给我 undefined

提前致谢

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：