【HighCharts系列教程】一、认识Highcharts

时间:2022-09-17 21:35:40

一、什么是HighCharts

  • HighCharts是网页报表工具,开发语言是Javascript
  • HighCharts是一个简单易用、美观、跨平台、跨浏览器的图表工具
  • HighCharts支持图表的类型有:曲线图、柱状图、饼状图、区域图、散点图、综合图的各种图表需求。最新版2.3.5(截止2013/1/10)增加了各种仪表、时钟等类型图表

说了这么多,总之就是一句话,如果你有图表需求,选择HighCharts吧!

二、如何学习HighCharts

  • 修改HighCharts自带的例子
  • 了解HighCharts的整体结构
  • 查看并熟悉HighCharts API文档
  • 自己开发

三、HighCharts资源

1、下载资源包

进入HighCharts下载地址:http://www.highcharts.com/download,点击“HighCharts”下载按钮

【HighCharts系列教程】一、认识Highcharts

2、HighCharts资源包文件目录

解压得到的HighCharts-2.3.5.zip包,文件目录如下图

【HighCharts系列教程】一、认识Highcharts

四、查看HighCharts的例子文件

打开highcharts目录下的index.htm

可以看到各种各样的自带的HighCharts图表实例,对应的也就是/examples目录下的文件

对于简单的使用和初学者,可以简单的修改自带的实例即可满足要求。你可以花点时间研究研究自带的实例

五、HighCharts整体结构

通过阅读HighCharts API文档我们知道HighCharts的结构如下

【HighCharts系列教程】一、认识Highcharts

对应的,在图标中的位置如图

【HighCharts系列教程】一、认识Highcharts

可以通过配置HighCharts各个部分的属性达到各种相应的效果。【HighCharts完整教程】系列文章也是从各个部门详细讲解HighCharts。