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

Question

我想要觸發Flot中第一個堆積條的最低條的點擊事件。

這樣做的基本原理是我想在第一次加載時選擇圖表的這一部分，同時執行該欄的onClick處理程序。

我知道jQuery支持這種行爲，但我只是不知道如何將它與Flot集成。

怎麼辦？

謝謝。

Answer 1

您需要在所需列的角度傳遞觸發相應的item觸發plotclick事件。

例如，假設你要點擊第一個系列的第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