我想要触发Flot中第一个堆积条的最低条的点击事件。如何触发Flot Stacked Bar Chart中条形图上的点击事件?
这样做的基本原理是我想在第一次加载时选择图表的这一部分,同时执行该栏的onClick处理程序。
我知道jQuery支持这种行为,但我只是不知道如何将它与Flot集成。
怎么办?
谢谢。
我想要触发Flot中第一个堆积条的最低条的点击事件。如何触发Flot Stacked Bar Chart中条形图上的点击事件?
这样做的基本原理是我想在第一次加载时选择图表的这一部分,同时执行该栏的onClick处理程序。
我知道jQuery支持这种行为,但我只是不知道如何将它与Flot集成。
怎么办?
谢谢。
您需要在所需列的角度传递触发相应的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。
以触发jQWidgets Chart(jqxChart)点击事件,你可以看看:Chart Events
您使用的是flot图表还是jqWidgets图表(jqxChart)?问题标题说jqWidgets,但它的标签flot ... – Mark 2014-09-21 15:17:53
我没有使用jQWidgets图表。我正在使用浮图。我会更新我的问题。 – 2014-09-22 01:59:25