如何觸發Flot Stacked Bar Chart中條形圖上的點擊事件？

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);
  }
});

這是一個例子 。

Answer 2

要在jQWidgets圖表 （jqxChart）中觸發單擊事件，您可以查看： 圖表事件