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
Pure JavaScript chart component dhtmlxChart
DhtmlxChart is also a JavaScript-based chart application component. Similar to the previously shared xCharts, dhtmlxChart also provides a rich array of chart types. It should be said that compared with xCharts, it provides more
Echarts is a chart library based on HTML5 Canvas, pure Javascript. It can run smoothly on PCs and mobile devices, compatible with most current browsers (Ie8/9/10/11,chrome,firefox,safari, etc.), providing intuitive, vivid, interactive, highly customizable data visualization charts.
The Echarts provides a general line chart, a columnar
What is Highcharts? Download Address http://www.jb51.net/jiaoben/24363.htmlHighcharts is-a charting library written in pure JavaScript, offering an easy way of adding interactive-charts to your webSite or Web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart.FeaturesCompatibleIt works in all modern browsers including the Iphone/ipad and Internet Explorer from version 6.Standard browsers use S
Recently, an internal project needs to be used.Organization chart(Organization chart), looking for some open-source projects and their class libraries, found that there is no ready-made JS class libraries available for use, find some simple JS implementations, but the interface and its operations are simple, but the effort is not enough, after several days of domestic and foreign searches, I found a very go
Work, use JavaScript to make a statistical chart:
When you are done, make a note, share and learn from each other. There are still some problems, not very perfect.
A reference to the Baidu Space, central management Center, Access statistics, the JS statistical chart. But the application is still different, because I do this project, need to actually draw a new st
1. Humble FinanceThis is a very useful HTML5 data visualization tool, quite similar to the Flash tool. Based on JavaScript, the prototype and FLOTR libraries are used to display two sets of real-time data.2. D3D3 is one of the most popular visualization libraries, which can bind arbitrary data to the DOM (Document Object model, the documentation objects models), and then provide data-driven transformations to the file. You can also generate a basic HT
interactive time series diagrams. It relies on a D3 visual library and requires extensions such as jquery and jquery UI to assist in implementation.
URL: shutterstock.github.com/rickshaw/
4. JqplotThis is a drawing tab plug-in based on jquery (the most popular JavaScript library). Jqplot can generate linear, bar, and pie charts.
URL: www.jqplot.com
5. RGraphThis is the HTML5 JS Chart Li
This article mainly introduces js's implementation of very simple focus chart switching special effects. It is a very simple js focus chart switching effect, involving javascript mouse events and image-related skills, if you need it, refer to the example in this article to describe how to implement a very simple focus chart
Recently, an internal project needs to be used.Organization chart(Organization chart), looking for some open-source projects and their class libraries, found that there is no ready-made JS class libraries available for use, find some simple JS implementations, but the interface and its operations are simple, but the effort is not enough, after several days of domestic and foreign searches, I found a very go
Graphael is a Javascript library dedicated to helping developers draw a variety of fine charts on their web pages, based on a powerful Raphael Vector Graphics library. You only need to write a few lines of simple code to create fine bar, pie, point and graph.
Graphael uses the SVG Consortium recommendation Standard and VML as the basis for creating graphics, and is a cross-browser vector graphics library that currently supports browsers including: Fi
Recently in the use of Fusioncharts v3, IE reported a compilation error, the information is as follows:
Iecompatibility () Chart Id is same as a JavaScript variable name. Variable naming error. Use the unique name for chart JS variable, Chart-id and container ID
According to error judgment is at compile time, error
A small application of the xml document Conversion Program. several lines of code are used to generate a pie chart. Source code packaging is provided. Source Document, pie chart data
The Code is as follows:
Proportion of each indicator
Person
Indicator 1
50
1
Metric two hundred and fifty-tw
To work, use JavaScript to make a statistical chart:
After that, take a note to share and learn from each other. There are still some problems, which are not perfect yet.
Refer to the JS statistical charts of Baidu space, central management center, access statistics, and. However, there are still differences in the application, because in this project I am working on, we need to create a new statistical t
To work, use javascript to make a statistical chart:After that, take a note to share and learn from each other. There are still some problems, which are not perfect yet.Refer to the js statistical charts of Baidu space, central management center, access statistics, and. However, there are still differences in the application, because in this project I am working on, we need to create a new statistical table, and when there is data change, we will call
ECharts, a javascript interactive chart Library, is used as an example ., EchartsjavascriptDownload echarts-plain.js2, the new index.html, And the downloaded echarts-plain.js to the same directory.
ArticleDirectory
What it do
What it don't
Sparky
Sparklines are intense, simple, word-Sized Graphics. Sparky is a javascript library for drawing them dynamically in your web browser. In the words of Edward Tufte, who coined the term:
Sparklines mean that graphics are no longer cartoonish special occasions with captions and boxes, but rather a sparkline graphic can be everywhere a word or number can be: embedded in a sentence,
One, download Echarts-plain.js Two, create a new index.html, and place it in the same directory as the downloaded echarts-plain.js.Echarts, a JavaScript Interactive chart library, using examples.
JavaScript 30 Day daily effect chart
On the GitHub saw a Wesbos Javascript30 Day Challenge Repo, designed to use pure JS to practice, not allowed to use any other library and framework, the challenge for a total of 30 days, I will be here to replicate the 30 days of challenges and problems, to the tutorial, Video sharing for everyone. day01-day03
No. 01 Day
No. 02 Day
No. 03 Day
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.