Javascript highcharts ng：相当于美元（'；#container'；）。highcharts（）

我在控制器中创建了图表的配置，如下所示：

$scope.ohlcChartConfig = {            
        options: {.......

var chart= $scope.ohlcChartConfig;

就像HighCharts ng（HighCharts的angularJS指令）中所做的那样

我想要以下的等价物：

var chart = $('#container').highcharts();

因此，我可以在highcharts ng中调用以下方法：

var svg = chart.getSVG();
chart.xAxis[0].addPlotBand({...})
chart.xAxis[0].removePlotBand('plot-id');

目前，我试着这样做：

$scope.ohlcChartConfig = {            
        options: {.......

var chart= $scope.ohlcChartConfig;

但是当我调用这些方法时，我得到一个错误“undefined不是一个函数”

这里是一个非常简单的示例，我试图获取charts对象并调用其上的方法

---

提前感谢。

只查看了

highcharts ng

上的源代码-变量

chart

不会返回任何位置，因此您无法直接从highcharts API访问方法

但是，您可以简单地解决以下问题：

var chart = Highcharts.charts[0];

Highcharts.charts

数组包含页面上的所有图表。请参阅简单演示：

注意：当使用

getSVG（）

方法时，在后台创建的是新图表，因此

Highcharts。图表

数组将获得更多图表，或者当图表被销毁时，

未定义的

---

另外，不要忘记添加exporting.js文件！Url:

http://code.highcharts.com/exporting.js

你能提供一个JSFIDLE或plnkr吗？请也看看这个新问题，祝你好运。我建议阅读有关向画布添加事件的内容。你不能接受SVG，不能转换成画布，也不能期望得到工具提示。。