area - 区域渲染器（人力车）

Question

我对人力车图形很陌生，我有这张图

var graph = new Rickshaw.Graph( {
element: document.getElementById("chart"),
width: 900,
height: 500,
renderer: 'area',
stroke: true,
series: [{
   name : "uno", 
   data : data1
  },
  {
   name : "dos", 
   data : data2
  },
  {
   name : "tres", 
   data :data3
  }
 ]
});

但是图表的数据值出现在另一个之上，例如如果三个“y”值是 1，则第一个出现在 1 中，第二个出现在 2 中，第三个出现在 3 中。

我不确定我必须更改哪些参数才能使三个值出现在 1 中。

Answer 1

问题是我必须将 unstack 值定义为 true

var graph = new Rickshaw.Graph( { element: document.getElementById("chart"), width: 900, height: 500, renderer: 'area', unstack : true, stroke: true, series: [{ name : "uno", data : data1 }, { name : "dos", data : data2 }, { name : "tres", data :data3 } ] });