【问题标题】:How to pass dynamic data in highchart using angularjs?如何使用angularjs在highchart中传递动态数据?
【发布时间】:2016-07-06 13:35:47
【问题描述】:

我使用了折线图。 这是折线图的链接http://jsfiddle.net/highcharts/qyntd1xa/ 我一直在折线图中动态传递数据。 如何在折线图中动态传递数据。 我是 Angular js 的新手 这是我的控制器功能代码-

$scope.updatedays   =   function(){ 
        $scope.data =   $scope.getdata();
        console.log($scope.data);

        Highcharts.chart('cont2', {
            xAxis: {
                categories: ['MON 12', 'TUE 13', 'WED 14', 'THU 15', 'FRI 16', 'SAT 17', 'SUN 18']
            },

            series: [{
                data: [1.5, 5.5, 3.0, 2.5, 4.5, 3, 2]
            }]
        });
    }

我尝试动态传递数据,但在 Highcharts 中出现错误。

【问题讨论】:

  • 您遇到了什么错误? “动态数据”是什么样的?发布问题时要具体
  • 使用highchart-ng怎么样?

标签: angularjs charts highcharts linechart


【解决方案1】:

将您的数据和类别存储在两个按索引匹配的单独数组中,然后将这两个数组用作您的值。

例如:

xAxis: {
    categories: myCategoriesArray
},

series: [{
    data: myDataArray
}]

如果您想将数组传递给您的函数,请查看this post

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-04-03
    • 2015-01-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-10-10
    • 2017-04-21
    相关资源
    最近更新 更多