如何使用Anychart.js在图表中显示动态对象数组 [英] How to display Dynamic Object Arrays into chart using Anychart.js

问题描述

我想做的是我想根据我的动态数据显示一个图表，我使用Angular ForEach遍历了所有对象数组，请参见下面的代码:

What i am trying to do is i want to display a chart based on my dynamic data i used Angular ForEach to loop through all my objects array see my code below:

var parse = JSON.parse(jsondata);

angular.forEach(parse, function (value, key) {
  var dataSet = anychart.data.set(value);
  var chart = anychart.column();
  var series = chart.column(value);
  chart.title("Data Sets: Array of Objects");
  chart.container("container");
  chart.draw();
});

它可以正确显示我的图表计数，但是每个对象数组的数据都没有显示出来，请参见下图

it correctly display the count of my chart but the data of each object array is not showing up see picture below

但是如果放置这样的静态数据:

but if put a static data like this :

var data = [
    {x:"January", value: 12000},
    {x:"February", value:  15000},
    {x:"March", value:  16000},
    {x:"April", value:  14000},
    {x:"May", value:  10000}
  ];

图表正确显示.

有人可以帮助我吗?任何帮助将不胜感激.

can anyone help me with this ? any help will greatly appreciated.

推荐答案

该图表可以处理动态数据.您需要做的就是将新数据应用于现有数据集，如下所示:

The chart can work with dynamic data. All you need is to apply new data to the existing dataSet, like this:

dataSet.data(newData);

就是这样！无需重新创建图表/系列/数据集.

And that's it! There's no need to recreate chart/series/dataSet.

这篇关于如何使用Anychart.js在图表中显示动态对象数组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！