可点击条形图的Javascript库？

Question

我需要一个Javascript图表工具来构建一个条形图，允许我点击图表栏并获取另一个图表（在弹出窗口或第一个图表下方）。 我需要的是一个条形图，它触发一个事件，给我一些被点击的列的id。

Dettails

第一个图表的数据应在页面加载时加载ajax，并且当您单击其中一列时应加载第二个图表的数据。

一个例子： 三月份有一个条形图，四月有一个条形图， 当您单击March栏时，您将获得第二个图形（下方或弹出窗口中），其中包含两个条形图：一个用于12/03/2011，另一个用于23/03/2011。

总费用： 三月1200 4月300日

三月份的总开支： 12/03/2011 1000 23/03/2011 200

四月份的总开支： 16/04/2011 10 21/04/2011 290

Answer 1

另一种选择，如果你已经在使用jQuery：Flot。

图表类型：

相互作用：

单击图像以查看实际演示。

Answer 2

Highcharts允许为单个点或整个系列自定义“点击”处理程序。

Answer 3

D3.js令人印象深刻，呈现出漂亮的排行榜。在网站上查看他们的许多不错的例子：

它是免费的并附带BSD许可证

Answer 4

结帐http://www.jqplot.com/

它不能完成你需要的所有功能，但是如果扩展Cursor类，我认为你可以获得你一直在寻找的功能。

http://www.jqplot.com/docs/files/plugins/jqplot-cursor-js.html# $。jqplot.Cursor

Answer 5

请参阅gRaphaël - 可在Firefox，Safari，Chrome，Opera甚至Internet Explorer 6 +中使用的可缩放矢量图。

Answer 6

Flotr2是一个大幅增强的Flot分支。