Я пытаюсь создать линейную диаграмму с помощью Flot, но я хочу, чтобы метки данных отображались на диаграмме, то есть я хочу, чтобы значение каждой точки отображалось рядом с этой точкой. Я чувствую, что это должен быть вариант, но не могу найти его в API. Я просто что-то упускаю или кто-то знает обходной путь?
Заранее спасибо.
Вот как я добавил эту функцию, включая приятный анимационный эффект:
var p = $.plot(...);
$.each(p.getData()[0].data, function(i, el){
var o = p.pointOffset({x: el[0], y: el[1]});
$('<div class="data-point-label">' + el[1] + '</div>').css( {
position: 'absolute',
left: o.left + 4,
top: o.top - 43,
display: 'none'
}).appendTo(p.getPlaceholder()).fadeIn('slow');
});
Вы можете переместить позицию и отобразить CSS в таблицу стилей.
Запрашивается нужная функция здесь в группе Google Flot. Не похоже, что это когда-либо реализовывалось (в API нет ничего, что могло бы помещать какие-либо метки внутри самой диаграммы). Я думаю, что ответ на ваш вопрос заключается в том, что нет, в настоящее время невозможно отображать значения рядом с определенными точками на линиях внутри графика.
Оле Ларсон, главный разработчик Flot, упомянул, что отображение меток внутри диаграммы отличается от всего остального на FLot, и что им придется подумать о том, как расширить параметры API / графика для этого.
Тем не менее, вы можете задать вопрос на форуме Flot или внести предложение в системе отслеживания ошибок для новой функции. Оле Ларсон действительно хорошо умеет сам отвечать на все вопросы, ошибки и предложения.
Если кто-то еще ищет быстрое решение, см. Этот плагин:
http://sites.google.com/site/petrsstuff/projects/flotvallab
Похоже, что плагин flot-valuelabels является форком предыдущий плагин flot, но разветвленный код отображает метки на холсте. Вы можете увидеть демонстрацию того, как это выглядит на вики-странице Github плагина, здесь ( смотрится вполне радует глаз).
