首页 > 网站 > WEB开发 > 正文

Highcharts——让你的网页上图表画的飞起

2024-04-27 14:18:18
字体:
来源:转载
供稿:网友

Highcharts——让你的网页上图表画的飞起

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表