宪章派不同系列

时间:2016-10-11 09:39:12

标签: chartist.js

我正在使用Chartist来创建图表。 我有日标:

1,2,3,4,5 and so on

我有一个这样的系列:

1131586,1132542,1133480,1134294,1135146,1136253,1137259,1139946 and so on

不,我添加一个具有不同系列值的新行。新行显示了一个点与另一个点之间的区别:

0,956,938,814,852,1107,1006,2687,1859,879,900,765 and so on

图表显示两条水平线! 如何正确显示线条?

1 个答案:

答案 0 :(得分:0)

一般来说,如果您有2个数据系列和一个标签,您可以这样做:

 new Chartist.Line('#chart4', {
    labels: [1,2,3,4,5],
    series: [[1131586,1132542,1133480,1134294,1135146,1136253,1137259,1139946],[0,956,938,814,852,1107,1006,2687]]
  });

使用以下结果(顶部图表):

http://codepen.io/k3no/pen/ozrgNq

Chartist工作正常,你的数据需要不同,换句话说,它需要规范化,以便它可以在同一个图表中显示。

您有几个选择:

  1. 一个在另一个上面显示2个图表(中间2个图表),注意此时您已经可以得出结论并且数据没有被篡改,所以这是我的首选方法,只要有可能和数据允许。

  2. 将一个数据系列规范化为另一个或两者(这是一个复杂的问题,超出范围,但这里是介绍):normalization

  3. 预处理数据,以便显示一行。