Flot Charts Tool Tip Matching Y-axis

Question

Я пытаюсь добавить всплывающие подсказки к моей области флоат-диаграмм и линейным графикам, которые будут отображать результаты всех на этой оси Y. Также, что она отобразит всплывающую подсказку для оси Y омертвевшей мыши не нужно точно перегружать точку. например, посмотрите на morris.js. И, наконец, я хотел бы иметь возможность запускать это для более одного графика на той же странице example

вот пример моего участка()

$.plot($("#placeholder"), data, { 
       series: { 
        stack: true, 
        lines: { show: lines, fill: true, steps: steps }, 
        bars: { show: bars, barWidth: 0.6 } 
       }, yaxis: { min: 0}, xaxis: {mode: "time", timeformat: "%H:%M"}, 
       legend : { show: true, container : '#placeholder', noColumns: 9, margin: ['500px', 35]} 
      }); 

Спасибо заранее.

Answer 1

Вы спрашиваете 3 вопроса здесь:

Вопрос 1:

Я пытаюсь добавить всплывающие подсказки к моему flotcharts площадь и линейные графики, которые будут отображать результаты всех на этом Y ось

Вопрос 2:

Кроме того, что он отобразит всплывающую подсказку для оси Y самого нищего, мышь не должна быть точно заполнена точкой. например, посмотрите на morris.js.

Вопрос 3:

Наконец я хотел бы иметь возможность запускать это для более одного графика на том же примере страницы

Отвечу Вопрос 2, так как другие будут достаточно простыми, если вы ответите на вопрос 2.

В принципе, все, что вам нужно сделать, чтобы получить ближайшую точку - получить позицию мыши и сравнить ее со всеми позициями ваших точек данных, используя функцию pointOffset флота (см. https://github.com/flot/flot/blob/master/API.md#plot-methods). Если расстояние между мышью и точкой является самым коротким, используйте его в своей подсказке. Вот пример: http://jsfiddle.net/RUKvk/54/

Вопрос 1: Вам нужно немного изменить мою функцию, чтобы сохранить список точек вместо одного. Если расстояние находится в определенном диапазоне, добавьте его в список.

Вопрос 3: Множество графиков должно быть довольно легко выполнено путем вызова этой функции на другом графике. Вам нужно немного изменить функцию, чтобы заставить ее работать, но принцип тот же.