Highcharts-ng动态刷新数据方法

最新推荐文章于 2018-07-21 21:42:33 发布

weixin_33911824

最新推荐文章于 2018-07-21 21:42:33 发布

阅读量212

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/2391658/blog/1499280

版权

2019独角兽企业重金招聘Python工程师标准>>>

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 ],
    title : {
        text : 'Monthly Book Prices'
    },

    loading : false
}

prices.data = [60.5, 55.7]

Highcharts官网：https://www.highcharts.com/stock/demo/dynamic-update

转载于:https://my.oschina.net/u/2391658/blog/1499280