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/