Morris js with nodejs

时间:2017-07-26 22:16:49

标签: javascript node.js mongodb node-modules morris.js

我尝试将我的数据显示为morris条形图。但是对于nodejs和morris我是新的,所以我真的不知道该怎么做。

我编写了一个将数据作为字符串

返回的函数
   for(i=0; i<l; i++)
    {
    var mesure_Valeur = JSON.parse(mesures[i]);

      data=data+"{date: "+mesure_Valeur.date
        +", p1: "+mesure_Valeur.p1
        +", p2: "+mesure_Valeur.p2+"},";
  } 
   data=data.substr(0,data.length-1);
    data=data+"]";
    datas=data.toString();

我的函数返回数据。之后,我尝试使用morris,但我没有动摇,我怎样才能从我的数据中获取Xkey和数据。 有人可以帮帮我吗?

 <script>


 Morris.Bar({
 element: 'bar-example',
 data:('data'),
 xkey: 'date',
 ykeys: ['energiep1'],
 labels: ['Series A', 'Series B']
  });
  </script>

你有什么想法吗?感谢

1 个答案:

答案 0 :(得分:0)

根据Morris documentation,Morris希望data是一个对象数组,其中每个对象代表一个数据点,并具有x值和y值的属性。由于您的源数据看起来已经作为格式良好的JSON对象存储在mesures中,因此无需将其转换为字符串。以下代码应该有效:

Morris.Bar({
  element: 'bar-example',
  data: mesures,
  xkey: 'date',
  ykeys: ['p1', 'p2'],
  labels: ['Series A', 'Series B']
});