Javascript Flot：将堆叠的条形图和线条组合在一个图表中

我试图将堆叠的条形图和折线图结合在一个flot图中

我面临的问题是，线数据也会被叠加。这意味着第一个点（

line.data[0]

）的数据将被绘制为

15

，但我希望它是

5

请参阅此JSFIDLE：

当设置

stack:null

时，它可以工作，但我需要堆栈。同时，给线路自己的yaxis也不能解决问题。（将第90行更改为：

yaxis:2

）

我如何修改代码，使之成为一个独立的yaxis

基本上我需要这个，但需要堆叠的钢筋：

这是我的数据集：

var stack1 = {
    label: 'stack1',
    data: [
      [1, 6],
      [2, 3],
      [4, 5],
      [4, 3],
      [5, 4]
    ],
    bars: bar_options
  };
  var stack2 = {
    label: 'stack2',
    data: [
      [1, 4],
      [2, 4],
      [3, 4],
      [4, 4],
      [5, 4]
    ],
    bars: bar_options
  };
  var line = {
    label: 'line',
    data: [
      [1, 5],
      [2, 15],
      [3, 15],
      [4, 15],
      [5, 20]
    ],
    lines: line_options,
    yaxis: 1,
    points: {
      radius: 5,
      show: true
    },
  };
  var dataset = [stack1, stack2, line];

如中所述，您可以为每个数据系列指定

堆栈

选项，因此在您的情况下，请执行以下操作：

var stack1 = {
    //...
    stack: true,
};
var stack2 = {
    //...
    stack: true,
};
var line = {
    //...
    stack: false,
    //...
};

此外，定义多个轴时，请使用

yaxes

属性，而不是

yaxis

---

谢谢。这就像一个咒语。它以前尝试过添加堆栈，但总是在原始对象：

series:{stack:true}

中添加，但显然不起作用…：）感谢您指出有两个

yax

&

yaxis

属性！