flot js堆积条形图
flot js stacked bar chart
我正在尝试放置堆叠条形图,如果只有条形图就可以正常工作。
var dataset = [{
label: "orders",
data: [[0,215],[1,13],[2,23],[3,48],[4,68],[5,22],[6,1],[7,3],[8,13],[9,40],[10,1]],
color: "#1ab394",
yaxis: 2,
bars: {
show: true,
align: "center",
barWidth: 0.8,
lineWidth: 0
},
stack: true
},
{
label: 'baz',
data: [[1,100], [2,200], [3,300], [4,400], [5,500]],
bars: {
show: true,
align: "center",
barWidth: 0.8,
lineWidth: 0
},
stack: true
}
];
Fiddle link : stacked bar chart...
如果我用它添加折线图,堆叠会失败
{
label: "Test",
data: [[0,2430.91],[1,252.12],[2,659.24],[3,2545.83],[4,4996.56],[5,463.00],[6,0.01],[7,45.68],[8,1359.73],[9,217.53],[10,43.73]],
color: "#0EBFE9",
lines: {
show: true,
fill: false
},
stack: null
Fiddle link : stacked bar chart with line chart。谁能帮我做一下。
即使你的第一个例子似乎也不正确。在不同的 y 轴上堆叠条形图真的没有意义。
将两个条形图放在同一个 y 轴上(使用 yaxis: 2
)并且一切正常(参见更新后的 fiddle)。
我正在尝试放置堆叠条形图,如果只有条形图就可以正常工作。
var dataset = [{
label: "orders",
data: [[0,215],[1,13],[2,23],[3,48],[4,68],[5,22],[6,1],[7,3],[8,13],[9,40],[10,1]],
color: "#1ab394",
yaxis: 2,
bars: {
show: true,
align: "center",
barWidth: 0.8,
lineWidth: 0
},
stack: true
},
{
label: 'baz',
data: [[1,100], [2,200], [3,300], [4,400], [5,500]],
bars: {
show: true,
align: "center",
barWidth: 0.8,
lineWidth: 0
},
stack: true
}
];
Fiddle link : stacked bar chart...
如果我用它添加折线图,堆叠会失败
{
label: "Test",
data: [[0,2430.91],[1,252.12],[2,659.24],[3,2545.83],[4,4996.56],[5,463.00],[6,0.01],[7,45.68],[8,1359.73],[9,217.53],[10,43.73]],
color: "#0EBFE9",
lines: {
show: true,
fill: false
},
stack: null
Fiddle link : stacked bar chart with line chart。谁能帮我做一下。
即使你的第一个例子似乎也不正确。在不同的 y 轴上堆叠条形图真的没有意义。
将两个条形图放在同一个 y 轴上(使用 yaxis: 2
)并且一切正常(参见更新后的 fiddle)。