如何用flot图表深入研究

Question

我们正在从highcharts变为flot chart，这是我第一次使用flot图表，但我似乎找不到任何关于使用flot chart获得深入效果的内容。

例如;如果我有条形图并且用户点击其中一个条形图，那么图表会更详细地显示该条形图。

Answer 1

您应该能够将可点击选项添加到网格中，然后在“plotclick”事件中创建详细视图。与下面类似：

这里举例说明：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);
});