jquery - 无需悬停/单击即可选择 float 图表数据点的任何方法(外部按钮)

我正在寻找一种方法，通过触发对外部按钮的单击来激活jquery flot折线图上的一个/某些数据点。我该怎么做-如何在不使用鼠标的情况下获取数据点的句柄-以及如何激活它并激活工具提示？

感谢您的任何专家意见！

最佳答案

在之前的评论中，我没有意识到FLOT中存在的API挂钩和方法。旧文档是一个非常原始的txt文件。这是一个使用highlight/unhighlight以及使用pointOffset()方法来计算图表中数据点的像素位置以定位工具提示的简单示例。

<button data-index="4">Highlight 5th point</button>
<button data-index="9">Highlight 10th point</button>
<button data-index="19">Highlight 20th point</button>

JS：

var plotData =/* data array*/

$('button').click(function(){
    var idx=$(this).data('index');
    plot.unhighlight()
    plot.highlight(dataSeriesIndex, idx);
    var dataPoint=plotData[idx];
    var position=plot.pointOffset({ x: dataPoint[0], y:  dataPoint[1] })
    var tipHTML='Data:<br> X='+dataPoint[0] +'<br> Y=' +dataPoint[1];
    $('#tooltip').css({left: position.left+10, top: position.top-10}).show().html(tipHTML)
})

演示：http://jsfiddle.net/et87Y/73/

关于jquery - 无需悬停/单击即可选择 float 图表数据点的任何方法(外部按钮)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13895154/