Flot Stacked Horizo​​ntal 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/