Javascript library for drawing Graphs over Timelin

问题:

Is there a javascript library that allows for drawing histograms/graphs over timelines, allow zooming, as well as selecting regions.

Something similar to Google's Financial Data Graphs (allows for scrolling, zooming in, as well as selecting ranges) Google Financial Data

Thanks.

回答1:

You can have a look at Chronoscope or flot.

Other libraries:

1. Protchart (no longer under active development, recommends D3.js)
2. JavaScript InfoVis Toolkit
3. gRaphaël based on Raphaël
4. Bluff
5. DojoX Data Chart
6. Ajax.org
7. Google Chart API
8. Style Chart
9. JS Charts
10. jqPlot
11. pChart
12. ExtJS
13. Vizualize
14. TufteGraph
15. milkchart
16. jQChart
17. PlotKit
18. Timeplot
19. flotr
20. Highcharts
21. Rickshaw

回答2:

Stack Overflow uses Flot for the zoomable time-series chart in the Reputation tab of user profiles.

You may want to check these links for further information on Flot:

• Flot Project
• Time-series example with zooming overview
• Flot Usage: Sites and projects using Flot

回答3:

Nobody (yet) mentioned Protovis, checkout the Examples, graphs similar to Google Finance can be created by combing Focus+Context and Playfair's Wheat.

回答4:

Something like this:

http://code.google.com/p/simile-widgets/wiki/Timeline

回答5:

Don't you want to use an annotated timeline, like:

http://code.google.com/apis/visualization/documentation/gallery/annotatedtimeline.html

回答6:

A few good ones are:

• Timeplot
• Flot
• dygraphs
• highcharts

回答7:

Flotr is a library for Prototype and Mootools which has interesting features :

• The text can be drawn on the graph (not as DOM text, so that the user can save the image)
• A very helpful and interactive configurator
• Time series
• Zoom, mouse drag, etc : http://phenxdesign.net/projects/flotr/examples/prototype/
• An integrated spreadsheet
• Cross browser, free and open source

alt text http://phenxdesign.net/projects/flotr/screenshots/advanced-titles.png

回答8:

The CHAP Links Library comes with a zoomable/movable graph and is designed to display large amounts of data:

http://almende.github.com/chap-links-library/

回答9:

http://code.google.com/p/flot/ i think its the best.

回答10:

Looks like you might want to also look at Square's Crossfilter which is built with D3.js and amazing framework

回答11:

You could try this Flash charts library, could be easily integrated into web page:

http://www.maani.us

回答12:

I have found this flash charts framework to be quite useful:

http://teethgrinder.co.uk/open-flash-chart/

回答13:

JSFLot is a JavaServer Faces chart library based on flotr

http://code.google.com/p/jsflot

回答14:

Envision.js, which makes use of flotr2, seems like a decent choice, especially if you have to support IE 8. Granted, the documentation is a bit sparse, but the timeline and finance charts are a nice piece of work.

回答15:

Here is one for you that allows scrolling, zooming, and many more interactions:

http://datavisualizationsoftwarelab.com/

This SDK lets you create wide range of charts:

• Time based charts
• Network charts
• Pie charts
• Coming soon are Geo charts, facet charts and XML Charts

Graphs are pure HTML5, no dependancies on other libs, thus easy to integrate with any JS framework (such as jQuery). Uses Canvas for rendering, has full multi-touch support for navigation, interaction and exploration of data.

Here are few example of charts:

Charts are free for non-commercial use, commercial licenses and technical support available as well.

Charts come with extensive API and Settings, so you can control every aspect of the charts.