Question

我正在尝试这个

$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>

但是当我加载图表时，只有最后一个加载正常，其他图表不会渲染系列，交互不响应（如导出或隐藏系列）。为什么是这样？你们知道其他任何方法吗？

Answer 1

从角度控制器访问和修改DOM是不好的做法。改为使用指令。这是highcharts https://github.com/pablojim/highcharts-ng

的一个

渲染动态数量的highcharts图表不起作用

1 个答案: