Angular JS中的setInterval对HighCharts-ng不起作用
setInterval in Angular JS for HighCharts-ng does not work
如何在angularjs highcharts ng折线图配置设置中设置setInterval ?我正在使用highcharts-ng创建一个动态折线图,我的图表显示初始静态数据,当涉及到显示动态数据时,我看到负载事件在范围内。chartConfig4没有引起注意,所以我的图表保持静态。下面是我的代码片段:
更新:我使用highcharts-ng一个角指令,它不显示我的动态地图,即使我纠正了超时时间间隔。我试图转换以下代码http://www.tutorialspoint.com/highcharts/highcharts_dynamic_spline.htm使用angularjs。请帮助。
$scope.chartConfig4 = {
chart: {
type: 'spline',
animation: Highcharts.svg, // don't animate in old IE
marginRight: 10,
events: {
load: function() {
// set up the updating of the chart each second
var series = this.series[0];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = Math.random();
series.addPoint([x, y], true, true);
}, 1000);
}
}
},
title: {
text: ''
},
xAxis: {
type: 'datetime',
tickPixelInterval: 150
},
yAxis: {
title: {
text: 'Users(in thousands)'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
formatter: function() {
return '<b>' + this.series.name + '</b><br/>' +
Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' +
Highcharts.numberFormat(this.y, 2);
}
},
legend: {
enabled: false
},
exporting: {
enabled: false
},
series: [{
name: 'Users',
data: (function() {
// generate an array of random data
var data = [],
time = (new Date()).getTime(),
i;
for (i = -19; i <= 0; i += 1) {
data.push({
x: time + i * 1000,
y: Math.random()
});
}
return data;
}())
}]
};
更新:我使用highcharts-ng一个角指令,它不显示我的动态地图,即使我纠正了超时时间间隔。我试图转换以下代码http://www.tutorialspoint.com/highcharts/highcharts_dynamic_spline.htm使用angularjs。请帮助。
setInterval会把你带出Angular的作用域,这意味着$scope.apply()
永远不会被调用。您应该使用$interval,以便正确触发摘要循环。
$interval(function() {
var x = (new Date()).getTime(), // current time
y = Math.random();
series.addPoint([x, y], true, true);
}, 1000);
相关文章:
- 添加ng单击到highcharts ng柱状图xAxis标签
- 最小的馅饼罐头'在HighCharts中看不到
- Angular Highcharts ng如何将其他数据系列设置为工具提示
- 如何在 AngularJS 中同时使用 Angular-gridster 和 Highcharts-NG 指令
- 如何使用highcharts-ng和angularjs绘制多个highcharts
- 无法在 meanjs 中使用 highcharts-ng 创建图形.如何从 MEANJS 中的现有表创建图形
- Highcharts-ng 未显示饼图
- Highstock中的Navigator系列(highcharts ng)
- 不显示具有Highcharts ng的图表
- 将构建数组的PHP代码转换为JS,现在的highcharts'不起作用——我做错了什么
- Highcharts.js不会呈现图表,它说错误“;无法读取属性'系列'“未定义”;
- Angular渲染80+使用highcharts-ng
- Highcharts将不显示数据
- 用highcharts-ng动画显示皮哈特起始角的变化
- Angular JS中的setInterval对HighCharts-ng不起作用
- Highcharts NG一次只显示一个点.动画
- 在Highcharts中不正确地显示绘图带图标
- 未捕获错误:[$injector:moduler]使用Angular JS和highcharts ng
- highcharts-ng: Equivalent of $('#container').highcha
- 从HTML5 localstorage json读取,在highcharts-ng中不识别