9 excellent web chart frameworks based on JavaScript and CSS

Source: Internet
Author: User
Tags mootools
Paste a useful list:

Excellent JavaScript frameworks such as jquery, mootools, and prototype have a variety of powerful functions, including drawing web charts, using these frameworks and corresponding plug-ins, we can easily implement curves, pie charts, bar charts and other Web charts do not need to be drawn through complex flash technologies as before. This article introduces nine excellent web chart frameworks based on JavaScript and CSS.
1. Flot
Flot It is a pure jquery JavaScript Drawing Library that can generate images instantly on the client. It is easy to use and supports interactive functions such as zoom in and out, and mouse tracking. This plugin supports IE6/7/8, Firefox 2.x+, Safari 3.0 +, opera 9.5 +, and Konqueror 4.x+. This is the canvas object first introduced by safari. Currently, all mainstream browsers support this object, except ie. Therefore, JavaScript is used in IE for simulation. Here are some Instance .
2. js charts
JS charts It is a free JavaScript-based chart builder. It is very simple to draw tables without coding or plug-ins or server modules. It uses XML or Javascript arrays to cache data.
3. tabletochart
Tabletochart Is a mootools script that can plot the data stored in the HTML table object into a chart. You can use the table label to generate charts, bar charts, graphs, and pie charts.
4. plotkit
Plotkit Is a javascript Drawing Library that supports HTML canvas labels and SVG.
5. Yahoo UI Charts Control
Yui Charts Control You can convert table data to charts on a webpage, and support bar charts, curves, and pie charts. Supports datasource tools, configurable axes, mouse hovering prompts, chart combinations, skin and other functions.
6. protochart
Protochart Is an open-source Library Based on prototype and canvas labels. This library is inspired by flot, flotr, plotkit, and supports graphs, bar charts, and pie charts, multiple data sets can be displayed on the same chart. Customizable legends, grids, borders, and background images are supported. Supports IE6/7, Firefox 2/3, Safari, and even iPhone.
7. ejschart
Ejschart Supports mouse tracking, mouse events, button tracking and events, scaling, scrolling, interaction, and other functions to bring the user experience to a new height. Supports graphs, area charts, discrete charts, pie charts, and bar charts. You can customize attributes and methods of complete documents.
8. fgcharting
Fgcharting Is a great jquery plug-in that supports multiple types of graphics.
9. pure CSS data chart
In the past, data presentation was often implemented through flash. Now we can implement similar functions through pure CSS. Cssglobe has a very practical tutorial to help you Implement CSS-based plotting. , Or even JavaScript.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.