纯JAVASCRIPT图表动画插件Highcharts Examples


Posted in Javascript onApril 16, 2011

What is Highcharts? 下载地址 https://3water.com/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 types.
Features
纯JAVASCRIPT图表动画插件Highcharts Examples
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.
纯JAVASCRIPT图表动画插件Highcharts Examples
Free for Non-commercial
.
纯JAVASCRIPT图表动画插件Highcharts Examples
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 is most likely already in use in your web page.
纯JAVASCRIPT图表动画插件Highcharts Examples
Numerous Chart Types
Highcharts supports line, spline, area, areaspline, column, bar, pie and scatter chart types. Any of these can be combined in one chart.
纯JAVASCRIPT图表动画插件Highcharts Examples
Simple Configuration Syntax
Setting the Highcharts configuration options requires no special programming skills. The options are given in a JavaScript object notation structure, which is basically a set of keys and values connected by colons, separated by commas and grouped by curly brackets.
纯JAVASCRIPT图表动画插件Highcharts Examples
Dynamic
Through a full API you can add, remove and modify series, axes or points at any time after chart creation. Numerous events supply hooks for programming agains the chart. In combination with jQuery's or MooTools' Ajax API, this opens for solutions like live charts constantly updating with values from the server, user supplied data and more.
纯JAVASCRIPT图表动画插件Highcharts Examples
Multiple Axes
Sometimes you want to compare variables that are not the same scale - for example temperature versus rainfall and air pressure. Highcharts lets you assign an y axis for each series - or an x axis if you want to compare data sets of different categories. Each axis can be placed to the right or left, top or bottom of the chart. All options can be set individually, including reversing, styling and position.
纯JAVASCRIPT图表动画插件Highcharts Examples
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 well as making it easy to read a point that is below another point.
纯JAVASCRIPT图表动画插件Highcharts Examples
Datetime Axis
75% of all charts with an 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 that they always mark the start of the month or the week, midnight and midday, the full hour etc.
纯JAVASCRIPT图表动画插件Highcharts Examples
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.
纯JAVASCRIPT图表动画插件Highcharts Examples
Zooming
By zooming in on a chart you can examine an especially interesting part of the data more closely. Zooming can be in the X or Y dimension, or both.
纯JAVASCRIPT图表动画插件Highcharts Examples
External Data Loading
Highcharts takes the data in a JavaScript array, which can be defined in the local configuration object, in a separate file or even on a different site. Furthermore, the data can be handled over to Highcharts in any form, and a callback function used to parse the data into an array.
纯JAVASCRIPT图表动画插件Highcharts Examples
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.
纯JAVASCRIPT图表动画插件Highcharts Examples
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.

Javascript 相关文章推荐
JavaScript 基础知识 被自己遗忘的
Oct 15 Javascript
JS中for循序中延迟加载动态效果的具体实现
Aug 18 Javascript
利用了jquery的ajax实现二级联互动菜单
Dec 02 Javascript
jquery自动将form表单封装成json的具体实现
Mar 17 Javascript
学习JavaScript设计模式(继承)
Nov 26 Javascript
JavaScript的instanceof运算符学习教程
Jun 08 Javascript
JavaScript中递归实现的方法及其区别
Sep 12 Javascript
jQuery表单元素过滤选择器用法实例分析
Feb 20 jQuery
JavaScript中常用的简洁高级技巧总结
Mar 10 Javascript
Vue使用localStorage存储数据的方法
May 27 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
May 30 Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
Apr 16 #Javascript
javascript 弹出窗口中是否显示地址栏的实现代码
Apr 14 #Javascript
js网页侧边随页面滚动广告效果实现
Apr 14 #Javascript
jquery下jstree简单应用 - v1.0
Apr 14 #Javascript
JQuery之拖拽插件实现代码
Apr 14 #Javascript
jQuery创建插件的代码分析
Apr 14 #Javascript
Jquery公告滚动+AJAX后台得到数据
Apr 14 #Javascript
You might like
php中截取字符串支持utf-8
2007/01/18 PHP
php跨服务器访问方法小结
2015/05/12 PHP
PHP合并discuz用户脚本的方法
2015/08/04 PHP
JS解析json数据并将json字符串转化为数组的实现方法
2012/12/25 Javascript
使用jquery中height()方法获取各种高度大全
2014/04/02 Javascript
使用jQuery实现返回顶部
2015/01/26 Javascript
跟我学习javascript的call(),apply(),bind()与回调
2015/11/16 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
2016/07/27 Javascript
微信小程序之小豆瓣图书实例
2016/11/30 Javascript
nodejs实现邮件发送服务实例分享
2017/03/29 NodeJs
js实现随机点名小功能
2017/08/17 Javascript
详解Vue打包优化之code spliting
2018/04/09 Javascript
uniapp与webview之间的相互传值的实现
2020/06/29 Javascript
[12:36]《DOTA2》国服注册与激活指南全攻略
2013/04/28 DOTA
[02:03]DOTA2亚洲邀请赛 HGT战队出场宣传片
2015/02/07 DOTA
在Python中用split()方法分割字符串的使用介绍
2015/05/20 Python
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
Python删除Java源文件中全部注释的实现方法
2017/08/30 Python
解决python爬虫中有中文的url问题
2018/05/11 Python
python TKinter获取文本框内容的方法
2018/10/11 Python
python 爬取古诗文存入mysql数据库的方法
2020/01/08 Python
python中导入 train_test_split提示错误的解决
2020/06/19 Python
使用canvas实现黑客帝国数字雨效果
2020/01/02 HTML / CSS
波兰在线体育用品商店:Hop-Sport.pl
2019/07/23 全球购物
荷兰在线啤酒店:Beerwulf
2019/08/26 全球购物
档案信息化建设方案
2014/05/16 职场文书
汽车维修求职信
2014/06/15 职场文书
作风建设年度心得体会
2014/10/29 职场文书
2015年基层党组织公开承诺书
2015/01/21 职场文书
大学生助学金感谢信
2015/01/21 职场文书
餐厅保洁员岗位职责
2015/04/10 职场文书
工会经费申请报告
2015/05/15 职场文书
2016入党心得体会范文
2016/01/06 职场文书
CSS3 制作精美的定价表
2021/04/06 HTML / CSS
帮你提高开发效率的JavaScript20个技巧
2021/06/18 Javascript
【海涛教你打dota】体验一超神发条:咱是抢盾专业户
2022/04/01 DOTA