Наведение столбчатой ​​диаграммы с накоплением не работает

Я проверяю составные диаграммы во Flot и обнаружил кое-что странное в столбчатой ​​диаграмме.

Я пытался использовать это: http://jsfiddle.net/zNXBd/41/

В этом примере кода попробуйте навести указатель мыши на сложенные строки. Ховер работает. Теперь, на этот раз, попробуйте изменить «линии» на «полосы» и снова запустите.

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 мс, и в вашем масштабе полоса шириной в одну мс не представлена ​​(мы видим только штрих, а не саму полосу)

Из документа:

«barWidth» — это ширина столбцов в единицах по оси x (или по оси y, если «горизонтальный» имеет значение true), в отличие от большинства других показателей, которые указываются в пикселях. Например, для временных рядов единицей измерения являются миллисекунды, поэтому 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