float 据标签

Question

我正在尝试使用 Flot 生成折线图，但我希望数据标签显示在图表上 - 意思是，我希望每个点的值显示在该点旁边。我觉得这应该是一个选项，但在 API 中找不到它。我只是错过了什么，还是有人知道解决方法？

提前致谢。

Answer 1

以下是我添加该功能的方法，包括令人愉悦的动画效果:

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 显示到样式表。