highcharts-ng: Equivalent of $('#container').highcha

highcharts-ng: Equivalent of $('#container').highcharts()

本文关键字：highcha #container Equivalent of highcharts-ng      更新时间：2023-09-26

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

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

就像HighCharts-ng(HighCharts的angularJS指令)中那样。

我想要等价于以下内容:

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

这样我就可以在highcharts-ng中调用以下方法:

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

目前，我试着这样做:

var chart= $scope.ohlcChartConfig;

但是当我调用方法时，我得到错误'undefined不是函数'。

这是一个非常简化的JSFiddle，我试图获得图表对象并调用它的方法。

刚刚查看了highcharts-ng的源-变量chart没有返回任何地方，所以你不能直接从Highcharts API访问方法。

但是，您可以简单地解决这个问题:

var chart = Highcharts.charts[0];

Highcharts.charts数组包含页面上的所有图表。请看简单的演示:http://jsfiddle.net/fxGq4/2/

注意:当使用getSVG()方法时，在背景中创建的是新图表，因此Highcharts.charts数组将获得更多的图表，或者undefined当图表被破坏时。

另外，不要忘记添加export .js文件!Url: http://code.highcharts.com/exporting.js .

相关文章：