Горизонтальная строка со смещением Flot не корректно - PullRequest
Новая
       17

Горизонтальная строка со смещением Flot не корректно

4 голосов
/ 30 марта 2012

Вертикальная укладка работает нормально: http://jsfiddle.net/Q28Aj/1/ vertical ok Но если я изменю планку на горизонтальную (и метки на другую ось), форматирование будет неправильным: http://jsfiddle.net/e4Rkd/1/

horizontal

Есть идеи, где я ошибся?

1 Ответ

5 голосов
/ 30 марта 2012

Если вы хотите, чтобы горизонтальное наложение работало, вы должны повернуть вспять свои 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/

...