Отображение временной шкалы/линейных данных во Flot

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

E.g.

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

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

Решение на данный момент :)

$(документ).готовый(функция(){

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"}});

});

Заранее спасибо!


javascript html jquery timeline flot
person Stevanicus    schedule 11.06.2012    source источник
comment
Вы решили проблему?   -  person Bhavin Thummar    schedule 28.02.2020
comment
Можете ли вы показать изображение вашей диаграммы и кода, чтобы я мог получить его, потому что у меня тот же запрос.   -  person Bhavin Thummar    schedule 28.02.2020

Ответы (2)


arrow_upward
2
arrow_downward

Наконец нашел ответ. Используйте галочки конфигурации.

Решение:

//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"]]}
    });
person Stevanicus    schedule 12.06.2012

arrow_upward
1
arrow_downward

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

person solidau    schedule 11.06.2012
comment
Спасибо за это, да, я видел это ... но, похоже, я не получаю того же результата, если ось x - это время! так как я не уверен, как установить ось Y на что-то другое, например, «лица» для каждого набора данных. - person Stevanicus; 12.06.2012