大佬教程收集整理的这篇文章主要介绍了Highcharts-ng动态刷新数据方法,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML:
<div style="border: 1px solid #ccc; width: 620px; float: right"> <highchart id="chart1" config="chartConfig"></highchart> </div>
highcharts-ng配置:
var prices = [60.5,55.7]; // Static data works $scope.chartConfig = { options : { chart : { type : 'line' } },series : [ { data : prices } ],title : { text : 'Monthly Book Prices' },loading : false }
动态更新series数据:
$scope.chartConfig.series[0].data = $scope.book.prices 或者用下面这个方法: var prices = {data: [60.5,55.7]}; // Static data works $scope.chartConfig = { options : { chart : { type : 'line' } },series : [ prices ],loading : false } prices.data = [60.5,55.7]
Highcharts官网:https://www.highcharts.com/stock/demo/dynamic-update
以上是大佬教程为你收集整理的Highcharts-ng动态刷新数据方法全部内容,希望文章能够帮你解决Highcharts-ng动态刷新数据方法所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。