Highcharts是一款纯javascript编写的图表库,能够很简单便捷的在Web网站或Web应用中添加交互性的图表,Highcharts目前支持直线图、曲线图、面积图、柱状图、饼图、散点图等多达18种不同类型的图表,可以满足你对Web图表的任何需求 !
以上是Highcharts中文网上的简介!
如果论语法的简单性,或者需要画功能简单的折线、柱状以及饼状图,Highcharts是远远不如js图标库——js charts 的,但是如果涉及到复杂多样的功能特性,Highcharts甩了js charts何止8条街!
这类的Js框架通常很容易学习。下载了包后,看例子就可以了,不过Highcharts在这点上做的是非常好!
见:
Highcharts中文网首页:
Highcharts官网:
学习highcharts无需按照包下的examples例子一个个去试(我学js charts就是这么做的 !- -),
通过中文网提供的这3个页面,一个小时你就可以初步掌握这项技术!
学习的重点就是这个在线演示平台啦,它包含了下载包中的所有示例文件。而且可以点击页面中间的这个“编辑代码”可以跳转到一个“在线测试平台”的地方,像这里
在线演示平台做的也非常详细,不过很多版块还在完善中。。。
highcharts学习的入口是什么呢,就是官网的这个图啦(这里从官网拿下来):
这里是一个图表的所有属性。一目了然。
这里是官网上的一个简单的图表示例:
这个示例是由下面的代码直接生成的。我简单注释了一下。代码位于Highlchar-4.0.3下,\Highcharts-4.0.3\examples\line-labels\index.html,直接打开即可。
Highcharts Example
highcharts是一个简单的js图表框架,不建议仔细阅读API文档,建议根据示例和实际需求,一边添加功能,一边快速学习。
PS : 经提醒,才发现,这个highchars中文网跟bootstrap中文网基本基于同样的主页样式,是一个今年刚毕业的学生创办的,实在年轻有为!跟highcharts官方(http://www.highcharts.com)的关系其实不大。不过作为非营利性的网站,是很不错了!bootstrap中文网其实也跟这个类似。个人猜测,这些中文网可能跟国外官网的关系都不大,只是国内热心的技术人员为了技术交流而自行创立的,网站内容基本是源于官网的。
转载请注明出处: 谢谢!