如何使用flot图表进行深入分析

Question

我们正在从Highcharts转换到Flot图表，这是我第一次使用Flot图表，但我似乎找不到任何有关在Flot图表中实现钻取效果的信息。

例如：如果我有一个条形图，用户单击其中一个条形，则图表会进入该类别的更详细视图。

- pythonian29033

---

这个对你有帮助吗？http://www.cnblogs.com/scy251147/p/3399446.html - CharlieShi

Answer 1

您应该能够在网格中添加可点击选项，然后在“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);
});

- Blake

---

实际上，在发布问题后不久我就使用了它，但是懒得回答自己 :D。无论如何，谢谢。. . .我只需要最后三行。 - pythonian29033