我们正在从Highcharts转换到Flot图表,这是我第一次使用Flot图表,但我似乎找不到任何有关在Flot图表中实现钻取效果的信息。
例如:如果我有一个条形图,用户单击其中一个条形,则图表会进入该类别的更详细视图。
例如:如果我有一个条形图,用户单击其中一个条形,则图表会进入该类别的更详细视图。
您应该能够在网格中添加可点击选项,然后在“plotclick”事件中创建详细视图,类似于以下示例:
此处有示例fiddle:http://jsfiddle.net/jSQ2Y/61/
var plot = $.plot($("#placeholder"), [ m1, m2, m3], {
xaxis : {
mode : "time",
ticks: [1356998400000, 1359676800000, 1362096000000 ],
timeformat: "%b"
},
grid:{
clickable:true
},
series : {
bars: {
show: true,
fillColor : { colors : ["#32b9ff", "#2b78a0"] }
}
}
});
$("#placeholder").bind("plotclick", function(event, pos, item){
alert(item.datapoint);
});