Pure JavaScript Chart Animation plugin Highcharts Examples_jquery

Source: Internet
Author: User
Tags mootools javascript array
What is Highcharts? Download Address http://www.jb51.net/jiaoben/24363.html
Highcharts is-a charting library written in pure JavaScript, offering an easy way of adding interactive-charts to your web Site or Web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart.
Features
Compatible
It works in all modern browsers including the Iphone/ipad and Internet Explorer from version 6. Standard browsers use SVG for the graphics rendering. In Internet Explorer graphics are drawn using VML.
Free for non-commercial
.
Pure JavaScript
Highcharts is solely based on native browser technologies and doesn ' t require client side plugins like Flash or Java. Furthermore you don ' t need to install anything on your server. No PHP or asp.net. Highcharts needs only two JS files to run:the highcharts.js core and either the JQuery or the MooTools framework. One of these frameworks are most likely already in the your Web page.
Numerous Chart Types
Highcharts supports line, spline, area, areaspline, column, bar, pie and scatter chart. Any of these can is combined in one chart.
Simple Configuration Syntax
Setting The Highcharts configuration options requires no special programming. The options are given in a JavaScript object notation structure, which are basically a set of keys and values connected by colons, separated by commas and grouped by curly brackets.
Dynamic
Through a full API for you can add, remove and modify series, axes or points in any time after chart creation. Numerous events supply hooks for programming agains the chart. In combination with JQuery ' s or MooTools ' Ajax APIs, this is opens for solutions like live charts constantly with Val UEs from the server, user supplied data and more.
Multiple Axes
Sometimes you want to compare variables this are not the same scale-for example temperature versus and air rainfall Sure. Highcharts lets you assign a Y axis for each series-or a x axis if you want to compare data sets of different Es. Each axis can is placed to the right or left, top or bottom of the chart. All options can is set individually, including reversing, styling and position.
Tooltip Labels
On hovering the chart Highcharts can display a ToolTip text with information on each point and series. The tooltip follows as the user moves the mouse over the graph, and great efforts have-been taken to make it stick to the Nearest point as as as as the as as as making it easy to read a point which below another point.
Datetime Axis
75% of all charts with a x and Y axis have a date-time x axis. Therefore Highchart is very intelligent about time values. With milliseconds axis units, Highcharts determines where to place the ticks so they always mark the start of the Mon Th or the week, midnight and midday, the full hour etc.
Export and Print
With the exporting module enabled, your users can export the chart to PNG, JPG, PDF or SVG format at the click of a button , or print the chart directly from the Web page.
Zooming
By zooming in, a chart you can examine a especially interesting part of the data more closely. Zooming can be in the X or Y dimension, or both.
External Data Loading
Highcharts takes the data in a JavaScript array, which can is defined in the local configuration object, in a separate fil E or even on a different site. Furthermore, the data can is handled over to highcharts in any form, and a callback function used to parse the data into a N Array.
Inverted Chart or reversed Axis
Sometimes you need to flip over your chart and make the X axis appear vertical, like for example in a bar chart. Reversing the axis, with the highest values appearing closest to Origo, is also supported.
Text rotation for Labels

Do you want to use highcharts for a personal website,  a school site or a non-profit organisation? then you don ' t  need the author ' S permission, just go on and use highcharts .  for commercial websites and projects, see  License  And pricing   all text labels, including axis labels,  data labels for the point and axis titles, can be  Rotated in any angle.

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.