Highcharts를 사용하여 Angularjs에서 동적으로 차트를 만들고 싶습니다. 문제는 Highcharts가 이미 생성되었지만 Highchart가 렌더링 할 div를 찾지 못한다는 것입니다. 사전에 http://jsfiddle.net/Phosphoros/bRNZV/2/Angularjs의 동적 차트 생성
많은 감사 : 여기
function MyCtrl($scope) {
var names = ["ab", "cd", "de"];
_.each(names, function(name) {
$("#test").append("<div id='" + name + "'>");
});
$scope.test = function() {
_.each(names, function(name) {
var chart = {
chart: {
type: 'line',
zoomType: 'x',
spacingRight: 20,
renderTo: "#" + name
},
title: {
text: "name"
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
month: '%e. %b',
year: '%b'
}
},
series: [{
name: "test1",
data: [
[1, 2],
[2, 3],
[3, 3],
[4, 2]
]
}]
}
var chartObj = new Highcharts.Chart(chart);
});
}
}
<div ng-controller="MyCtrl">
<button class="btn btn-default" ng-click="test()">Test</button>
<div id="test"></div>
</div>
내 바이올린입니다!
를 참조하십시오에
는 교체합니다. 나는 문서를 읽었다. 나는 renderTo를 사용하는 방법을 안다. 나는 그것을 들었다. 죄송합니다 :-[ – sclausen