我想触发 Flot 中第一个堆叠条的最低条的点击事件。
这样做的理由是我想在第一次加载时选择图表的这一部分,同时执行条形图的 onClick 处理程序。
我知道 jQuery 支持这种行为,但我只是不知道如何将它与 Flot 集成。
怎么做到呢?
谢谢你。
我想触发 Flot 中第一个堆叠条的最低条的点击事件。
这样做的理由是我想在第一次加载时选择图表的这一部分,同时执行条形图的 onClick 处理程序。
我知道 jQuery 支持这种行为,但我只是不知道如何将它与 Flot 集成。
怎么做到呢?
谢谢你。
您需要在所需列的点上触发 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);
}
});
这是一个例子。
要在jQWidgets 图表(jqxChart)中触发点击事件,可以查看:图表事件