Задържането на курсора на мишката върху подредената лентова диаграма не работи

Проверявам подредени диаграми във Flot и открих нещо странно в лентовата диаграма.

Опитах да използвам това: http://jsfiddle.net/zNXBd/41/

В тези примерни кодове опитайте да задържите курсора на мишката върху подредените редове. Hover работи. Сега, този път, моля, опитайте да промените "линии" на "ленти" и стартирайте отново.

ds.push({
    data:completes,
    label: "Complete",
    yaxis: 2,
    stack:true,
    bars: {
        show: true, 
        fill: true, 
        order: 2,
    }
});
ds.push({
    data:screeners,
    label: "Pre-Screened",
    yaxis: 1,
    bars: {
        show: true, 
        fill: true, 
        order: 1,
    }
});
ds.push({
    data:holds,
    label: "Holds",
    yaxis: 2,
    stack:true,
    bars: {
        show: true, 
        fill: true, 
        order: 3,
    }
});

Забележете, че решетките вече не се движат. Изглежда, че има проблем в тази част.

Бихте ли ми помогнали как да поправя този проблем?


javascript jquery flot
person Kim Honoridez    schedule 10.07.2014    source източник

Отговори (1)


arrow_upward
5
arrow_downward

Изглежда вашите ленти са твърде тънки, за да се задейства задържането. Може да се наложи да поставите barWidth в опциите на вашите ленти. По подразбиране ширината на лентата е 1 в единици по оста x. Във времева ос 1 = 1 ms и във вашия мащаб лента с ширина от една ms не е представена (виждаме само чертата, а не самата лента)

От документа:

"barWidth" е ширината на лентите в единици по оста x (или оста y, ако "horizontal" е вярно), за разлика от повечето други мерки, които са посочени в пиксели. Например, за времеви редове единицата е милисекунди, така че 24 * 60 * 60 * 1000 създава стълбове с ширина на ден.

пример:

bars: {
    show: true, 
    fill: true, 
    order: 2,
    barWidth: 1*3600*1000
}

Ето вашата цигулка с ширина на лентата, зададена на 1 час:

http://jsfiddle.net/zNXBd/42/

person jrouillard    schedule 10.07.2014