我在 Angular 中使用 HighChartsNG。我想在给定的 Div 中显式渲染我的图表,所以我使用 options.chart.renderTo = 'divId',但这似乎不起作用
html:
<div ng-app="myapp">
<div ng-controller="myctrl">
<div>top</div>
<hr/>
<div id="middle">middle</div>
<hr/>
<div>bottom</div>
<hr/>
<highchart id="chart1" config="highchartsNG"></highchart>
</div>
</div>
JS
var myapp = angular.module('myapp', ["highcharts-ng"]);
myapp.controller('myctrl', function ($scope) {
$scope.highchartsNG = {
options: {
chart: {
type: 'bar',
renderTo: 'middle'
}
},
series: [{
data: [10, 15, 12, 8, 7]
}],
title: {
text: 'Hello'
},
loading: false
}
});
在上面的示例中,我试图将图表显式呈现为“中间”div,但这似乎没有发生。我究竟做错了什么?