2012-03-30 2 views

ответ

5

Вы должны изменить свое 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;   
    } 
} 

Все остальное будет таким же, как ваш рабочий вертикальной столбчатой ​​диаграммы, за исключением того, что вы переместили тиков к у (что вы сделали на скриншоте).

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/

+0

Спасибо за вашу помощь. – PhoebeB