Question

我想触发Flot中第一个堆积条的最低条的点击事件。

这个的基本原理是我想在第一次加载时选择图表的这一部分，同时执行条形图的onClick处理程序。

我知道jQuery支持这种行为，但我不知道如何将它与Flot集成。

怎么做？

谢谢。

Answer 1

您需要在所需列的位置触发一个plotclick事件，并将触发器传递给相应的item。

例如，假设您要单击第一个系列的第4列：

var col = 4; // 4th column
var series = somePlot.getData()[0]; // first series
var dataIndex = col - 1;
ps = series.datapoints.pointsize;
var item = {
  datapoint: series.datapoints.points.slice(dataIndex * ps, (dataIndex + 1) * ps),
  dataIndex: dataIndex,
  series: series,
  seriesIndex: 0
};
$('#placeholder').trigger('plotclick',  [ null, item ]); // passing a null position, we don't need it

这将依次调用您的plotclick事件

$("#placeholder").bind("plotclick", function (event, pos, item) {
  if (item) {
     somePlot.highlight(item.series, item.datapoint);
  }
});

这里是example。

Answer 2

要触发jQWidgets Chart（jqxChart）中的点击事件，您可以查看：Chart Events

如何触发Flot Stacked Bar Chart中条形图上的点击事件？

2 个答案: