2016-10-11 44 views
0

我使用宪章创建图表。 我有一天标签:宪章不同系列

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 

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

回答

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

宪章工作正确地说,这是你的数据需要不同,换句话说,它需要被标准化,以便它可以显示在同一个图表中。

您有几种选择:

  1. 显示屏上的其它(中间的两个图表)的顶部两个图表之一,通知在这一点上,你已经可以得出你的结论和数据没有被篡改,所以只要有可能和数据允许,这是我首选的方法。

  2. 规格化一个数据系列到其他,或两者(这是一个有点复杂的问题和范围之内,但这里的介绍):normalization

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

+0

感谢您的回答。我选择了第一个解决方案。我在两个不同的“div”容器中创建两个图表,位置为“绝对”。一个在另一个。 – MarioProject