呈现动态数量的高图表不起作用
render a dynamic number of highcharts charts is not working
我正在尝试这个
$scope.chartsArray = [];
for (var j = 0; j <= i; j++) { //i its the amount of charts to display
document.getElementById("charts").innerHTML += '<div class="col-md-6" id="chart-' + j + '"></div>';
$scope.tmp = new Highcharts.Chart({
series: [1,2,3,4],
chart: { type: 'column', renderTo: 'chart-' + j },
});
$scope.chartsArray.push($scope.tmp);
}
关于这个div
<div id="charts" class="col-md-12" style="margin-top:50px"> </div>
但是当我加载图表时,只有最后一个加载的图表正常工作,其他图表不渲染序列,交互没有响应(如导出或隐藏序列)。这是为什么呢?你们知道还有什么其他方法可以做到这一点吗?
从角度控制器访问和修改 DOM 是一种不好的做法。请改用指令。这是一个用于高图表 https://github.com/pablojim/highcharts-ng
相关文章:
- 带有向下钻取的 Amchart 图表工作正常,但“后退”按钮不起作用
- SVG使用jQuery,高斯滤波器不起作用
- 为什么数据迷你和数据高亮在滑块(jquery)中不起作用
- 高图表添加新系列不起作用
- 独立的简单图表不起作用 - 高图表
- 我无法让这个高图表代码工作,有谁知道为什么它不起作用
- 高图表导航器和范围刻度不起作用
- 呈现动态数量的高图表不起作用
- 高图表窗口,同时减少不起作用
- 高图表日期时间标签格式不起作用
- 高图表工具提示不起作用
- 高图表滚动条不起作用
- Fusion Tables javascript图表不起作用
- 当参数被提供为字符串时,为什么C3图表不起作用
- Scrollspy高亮不起作用
- AmXYChart numberFormatter对某些图表不起作用
- 通过Angular ngRoute加载图表不起作用
- 谷歌API可视化图表不起作用
- 高图表 Z 指数实践不起作用
- JQuery高亮不起作用