рендеринг динамического числа графиков старших не работает

Question

рендеринг динамического числа графиков старших не работает

0

я пытаюсь это

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

Но когда я загружаю диаграммы, только последний загруженный работает правильно, другие диаграммы не отображают серию, и взаимодействия не отвечают (например, экспортируют или скрывают серию). Почему это? вы, ребята, знаете какой-либо другой способ сделать это?

Jozky 25 янв. 2016, в 19:34

Источник

0

Попробуйте изменить $scope.tmp на var tmp чтобы $scope.tmp каждый из графиков и создать для них каждый экземпляр отдельно. На данный момент вы нажимаете ссылку на объект несколько раз, одновременно меняя объект.
ryan0319 25 янв. 2016, в 18:01
0

Это не то, как это сделать вообще. Позвольте angular построить дом на основе вашей модели данных. Если этот код работает в контроллере ... шаблон может еще не существовать
charlietfl 25 янв. 2016, в 18:02
0

@ryan03129 ryan03129 я уже это сделал, ничего не изменилось
Jozky 25 янв. 2016, в 18:07

Показать ещё 1 комментарий

Теги:

javascript

angularjs

highcharts

1 ответ

Ещё вопросы

Попробуйте изменить $scope.tmp на var tmp чтобы $scope.tmp каждый из графиков и создать для них каждый экземпляр отдельно. На данный момент вы нажимаете ссылку на объект несколько раз, одновременно меняя объект.
Это не то, как это сделать вообще. Позвольте angular построить дом на основе вашей модели данных. Если этот код работает в контроллере ... шаблон может еще не существовать
@ryan03129 ryan03129 я уже это сделал, ничего не изменилось

serhiyb · Accepted Answer · 2016-01-25T16-58-00.000Z

Это плохая практика доступа и изменения DOM от вашего углового контроллера. Вместо этого используйте директиву. Вот один для высокопроизводительных https://github.com/pablojim/highcharts-ng