可点击条形图的Javascript库？

Question

I need a Javascript charting tool to build a bar chart that allows me to click on a chart bar and get another chart (in a popup or below the first chart). What I need is a bar chart that fires an event giving me some kind of id of the column that has been clicked.

Dettails

The data for the first chart should be loaded with ajax when the page loads and the data for the second chart should be loaded when you click on one of the columns.

an example: A graph with one bar for March and one bar for April, when you click on the March bar you get a second graph (below or in a pop up) with two bars: one for the 12/03/2011 and the other for the 23/03/2011.

Total expenses: March 1200 April 300

Total expenses for March: 12/03/2011 1000 23/03/2011 200

Total expenses for April: 16/04/2011 10 21/04/2011 290

Answer 1

Yet another option, if you are already using jQuery: Flot .

Graph Types:

Interaction:

Click the images to see the actual demo.

Answer 2

D3.js is very impressive and renders beautiful charts. Check out their many nice examples on the website:

It is free and ships with a BSD license

Answer 3

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

Answer 4

Checkout http://www.jqplot.com/

It doesn't do all that you need out of the box, but if you extend the Cursor class I think you can get the functionality you've been looking for.

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分支。