Flot Сложенная Столбиковая диаграмма и отображающаяся панель оценивает мышью

Я пытаюсь понять функциональность подсказки Flot, но не действительно получаю голову вокруг этого!

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

Кто-то смог бы указать на мой к примеру этого или предоставить код для того, чтобы сделать так?

22
задан Tristan 13 August 2010 в 11:29
поделиться

1 ответ

Следующий код работает для моей гистограммы Flot, основанной на примере Flot, который показывает наведение точки данных. Хитрость заключается в том, что значения 'item' в сложенном графике суммируются, поэтому значение 'y', отображаемое в подсказке, должно сначала вычесть значение точки данных для баров под ним.

var previousPoint = null;
$("#chart").bind("plothover", function (event, pos, item) {
    if (item) {
        if (previousPoint != item.datapoint) {
            previousPoint = item.datapoint;

            $("#tooltip").remove();
            var x = item.datapoint[0],
                y = item.datapoint[1] - item.datapoint[2];

            showTooltip(item.pageX, item.pageY, y + " " + item.series.label);
        }
    }
    else {
        $("#tooltip").remove();
        previousPoint = null;            
    }
});

Я не нашел этого в документации Flot, но массив item.datapoint, похоже, содержит то, что мне нужно на практике.

24
ответ дан 29 November 2019 в 05:28
поделиться
Другие вопросы по тегам:

Похожие вопросы: