2012-06-11 2 views
0

Кто-нибудь знает, как получить флот для отображения типа «временной шкалы»?Дисплей Временная шкала/Линейные данные в Flot

E.g.

Y: 
Person1| -----  ------- 
Person2| ------- ------- 
Person3| -- ----- ---- 
Person4|  ------- 
     _____________________ 
X:  Jan Feb March April 

Я не знаю, как отображать метки на оси у и показать линейные данные

Решение до сих пор :)

$ (документ) .ready (функция () {

var d1 = [[(new Date("01/01/2009")).getTime(), 5], [(new Date("10/01/2009")).getTime(), 5]]; 

var placeholder = $("#placeholder"); 

// plot it 
var plot = $.plot(placeholder, [d1], {xaxis:{mode:"time", timeformat:"%b.%y"}}); 

});

Заранее благодарен!

ответ

2

Наконец-то нашел ответ. Используйте настройки «ticks».

Решение:

//american dates 
    var d1 = [[(new Date("01/01/2009")).getTime(), 1], [(new Date("01/10/2009")).getTime(), 1]]; 
    var d2 = [[(new Date("05/05/2009")).getTime(), 2], [(new Date("06/23/2009")).getTime(), 2]]; 
    var d3 = [[(new Date("03/10/2009")).getTime(), 3], [(new Date("03/15/2009")).getTime(), 3]]; 
    //var d1 = [[0, 5], [5, 5], null, [5, 10], [15, 10]]; 
    var placeholder = $("#placeholder"); 

    // plot it 
    var plot = $.plot(placeholder, [d1,d2,d3], { 
     xaxis:{mode:"time", timeformat:"%b.%y"}, 
     yaxis:{ticks:[[1, "Apple"], [2, "Microsoft"], [3, "Dell"]]} 
    }); 
1

Просмотр источника http://people.iola.dk/olau/flot/examples/basic.html обратить особое внимание на комментарий // a null signifies separate line segments Я думаю, что должен получить, где вы хотите быть.

+0

Спасибо за это, да я видел, что ... но я не кажется, чтобы получить тот же результат, если Xaxis время! так как я не уверен, как установить yaxis на что-то другое, как «люди» для каждого набора данных. – Stevanicus

Смежные вопросы