Highcharts是一款纯javascript编写的图表库,能够很简单便捷的在Web网站或Web应用中添加交互性的图表,Highcharts目前支持直线图、曲线图、面积图、柱状图、饼图、散点图等多达18种不同类型的图表,可以满足你对Web图表的任何需求 !
以上是Highcharts中文网上的简介!
如果论语法的简单性,或者需要画功能简单的折线、柱状以及饼状图,Highcharts是远远不如js图标库——js charts 的,但是如果涉及到复杂多样的功能特性,Highcharts甩了js charts何止8条街!
这类的Js框架通常很容易学习。下载了包后,看例子就可以了,不过Highcharts在这点上做的是非常好!
见:
Highcharts中文网首页:http://www.hcharts.cn/index.php
Highcharts官网:http://www.highcharts.com/
学习highcharts无需按照包下的examples例子一个个去试(我学js charts就是这么做的 !- -),
通过中文网提供的这3个页面,一个小时你就可以初步掌握这项技术!
Highcharts中文教程
Highcharts API文档
Highcharts 在线演示平台
学习的重点就是这个在线演示平台啦,它包含了下载包中的所有示例文件。而且可以点击页面中间的这个“编辑代码”可以跳转到一个“在线测试平台”的地方,像这里http://www.hcharts.cn/test/index.php?from=demo&p=10
%20在线演示平台做的也非常详细,不过很多版块还在完善中。。。
highcharts学习的入口是什么呢,就是官网的这个图啦(这里从官网拿下来):
这里是一个图表的所有属性。一目了然。
这里是官网上的一个简单的图表示例:PRHTfDFkc3Wq3ChlH90EAA/ViP++TWX8H76bSNb1rwletiWGRpYx23Kdr4+o2kfQ0AewUVQ1jWbDQNOfUNTnMFqhCtII2fBJwOFBPWrFle2+o2MF7aSiW3nQSRuARuUjIPPIoAnorK1PxHpOj39lY3135V1fPst4xG7lzkD+EHHJHXFXL/ULPS7N7u/uYra3T70krBQP/r0AWaK5rTfiD4V1a+Wzs9Zhe4c7VR0ePcfQFgAT9K37y7gsLK4vLl/Lt7eNpZXwTtVRknA5PA7UATUVzi+PPDB0Yav/a0S2TSGJZHR1LMMZAUjceo6CtOLXdLm0WPWBexJp0ib1uJT5a46c7sY/GgDQorkj8TvBon8k65FvzjIikK/99bcfrXUwTw3UEc9vKksMihkkRgVYHoQR1oAkorL1rxHo/h6FZNW1CG1D/dDElm+ijJP5VnReP8AwtPpdzqMWsRPbWwUzEI+9AWCg7MbsZIGcd6AOloqppmpWmsadDqFhN51rMN0b7Su4Zx0IB7Vn634v0Dw7Iseq6nDbysMiPBd8eu1QTigDborM0bxDpHiG3afSb+K6RDhgmQy/VTgj8RWnQBVvtSsdLgWfUL22tImbYJLiVY1LYJxkkc4B/KqH/CX+Gf+hi0j/wADY/8A4qrOsaHpuv2iWuqWiXMCSCRUckAMARng+hP51wXjvwJ4Y0vwTql7ZaRDDcwxgxyKzZU7gO596AO0/wCEv8M/9DFpH/gbH/8AFVfsdSsdUgafT722u4lbYZLeVZFDYBxkE84I/OvNvh14H8Nax4D02/1DSYZ7qXzd8jMwLYlcDofQCvQ9H0PTdAtHtdLtEtoHkMjIhJBYgDPJ9APyoA0KK57V/HXhnQrs2uo6vDFcD70aq0jL9QoOPxrU0vV9P1qzF3pt3FdQE43xtnB9COoPsaALtFZF74o0bTtctdFu7zy9QugrQw+U53AkgfMBgcqepqjefEDwpYagbG41u3W4DbWADMqn0LAED8TQB0tFZWreJdF0O0jutS1GCCGUZjJO4yD1UDJI5HSl0TxHpHiO3efSb6O6RDhwoIZfTKkAj8qANSisjW/FGjeHJLSPVbz7O12WWEeU77yMZ+6Dj7w6+tVNV8eeGNFvTZ3+rwx3CnDRqrOVPodoOPxoA6Kiq9jf2mp2cd3Y3EdxbyDKSRtkGoNW1rTdDtPtWp3sVrDnAaRvvH0A6k/SgC/RXP6N438N+ILr7NpmqxTT9RGytGzfQMBn8K09W1ay0PTJtR1GfyLSHb5kmxmxlgo4UE9SO1AF2iucufHnhiz0211C41aKO3ulLQko+51BxnZjdjIPatS71rTNP09L+8voLe1kAKSTNsDZGRjPfHbrQBf
新闻热点
疑难解答