Javascript Flot图表渲染意外

我正在尝试显示一个包含3个数组的flot图表。为了简化操作，阵列都是相同的：

[[1,1],[2,3],[3,6],[4,10],[5,15],[6,21]]

我使用以下ruby代码创建阵列：

def flot_chart_series
  total=0
  foo=[]
  (1..6).each do |number|
    foo.push [number, total+=number]
  end
  foo
end

以下是我的Erb处理Javascript代码：

var fb_shares = <%= flot_chart_series %>;
var twitter_shares = <%= flot_chart_series %>;
var email_shares = <%= flot_chart_series %>;

var plot = $.plot($("#statsChart"),
  [ { data: fb_shares, label: "Facebook shares"},
  { data: twitter_shares, label: "Twitter shares" },
  { data: email_shares, label: "Email shares" }], {
    series: {
      lines: { show: true,
        lineWidth: 1,
        fill: true, 
        fillColor: { colors: [ { opacity: 0.1 }, { opacity: 0.13 }, { opacity: 0.15 } ] }
      },
      points: { show: true, 
        lineWidth: 2,
        radius: 3
      },
      shadowSize: 0,
      stack: true
    },
    grid: { hoverable: true, 
      clickable: true, 
      tickColor: "#f9f9f9",
      borderWidth: 0
    },
    legend: {
// show: false
labelBoxBorderColor: "#fff"
},  
colors: ["#3071eb", "#30a0eb", "#a7b5c5"],
xaxis: {
  ticks: [[1, "JAN"], [2, "FEB"], [3, "MAR"], [4,"APR"], [5,"MAY"], [6,"JUN"], 
  [7,"JUL"], [8,"AUG"], [9,"SEP"], [10,"OCT"], [11,"NOV"], [12,"DEC"]],
  font: {
    size: 12,
    family: "Open Sans, Arial",
    variant: "small-caps",
    color: "#697695"
  }
},
yaxis: {
  ticks:3, 
  tickDecimals: 0,
  font: {size:12, color: "#9da3a9"}
}
});

var fb_shares=；
var twitter_shares=；
var E_股份=；
变量图=$.plot（$（“#statsChart”），
[{数据：FBU共享，标签：“Facebook共享”}，
{数据：twitter_共享，标签：“twitter共享”}，
{数据：电子邮件共享，标签：“电子邮件共享”}]{
系列：{
行：{show:true，
线宽：1，
填充：是的，
fillColor:{colors:[{opacity:0.1}，{opacity:0.13}，{opacity:0.15}]}
},
要点：{show:true，
线宽：2，
半径：3
},
阴影大小：0，
堆栈：对
},
网格：{可悬停：true，
可点击：正确，
勾选颜色：“f9f9f9”，
边框宽度：0
},
图例：{
//节目：假
labelBoxBorderColor:“fff”
},  
颜色：[“3071eb”、“30a0eb”、“a7b5c5”]，
xaxis：{
勾号：[1，“一月”]，[2，“二月”]，[3，“三月”]，[4，“四月”]，[5，“五月”]，[6，“六月”]，
[7，“7月”]，[8，“8月”]，[9，“9月”]，[10，“10月”]，[11，“11月”]，[12，“12月”]，
字体：{
尺码：12，
家族：“开放式Sans，Arial”，
变体：“小型股”，
颜色：“697695”
}
},
亚克斯：{
滴答声：3，
小数点：0，
字体：{size:12，颜色：#9da3a9}
}
});

问题是图表没有画出3条相同的线，它创建的线的值在增加。以下是图表的屏幕截图：

---

你知道我做错了什么吗？

正如@captain在他的评论中所暗示的，这是因为你使用的堆叠插件带有

stack:true

。这将把3条相同的线叠在一起

比较这些小提琴：和

---

如果不想堆叠，只需去掉插件（javascript更少=加载速度更快）和

stack:true

选项。

stack:true

是否正确？我在flot API中找不到它，请检查并确保您做得正确。请提供工作提琴谢谢。解决“问题”