Flot Stacked Horizo​​n Bar 格式不正确

Question

Stacked Vertical 工作正常:http://jsfiddle.net/Q28Aj/1/

但是，如果我将条形更改为水平(并将标签更改为另一个轴)，则格式错误:http://jsfiddle.net/e4Rkd/1/



知道我哪里出错了吗？

Answer 1

如果您希望水平堆叠起作用，则必须反转 x/y 数据:

//reverse data
for (series in data){
  var s = data[series];
    for (i=0;i<s.data.length;i++){
       var tmp = s.data[i][0];
       s.data[i][0] = s.data[i][1];
       s.data[i][1] = tmp;        
    }
}

其他一切都将与您的工作垂直堆积条形图相同，除了您将刻度移动到 y 轴(您已在屏幕截图中完成)。

var options = {
    series: {
        stack: true,
        lines: {
            show: false,
            steps: false
        },
        bars: {
            show: true,
            horizontal: true
        },
    },
    yaxis: {
        ticks: tick_labels
    }
};

$.plot($("#placeholder"), data, options);

看到它在这里工作: http://jsfiddle.net/ryleyb/Q28Aj/2/