1.简介
highchart是一个纯js编写的图表库,能够简单便捷的在web网站上添加交互性的图表,支持:直线图,曲线图,面积图,柱状图,饼图,散点图等18种不同类型的图表
优点:
免费开元,兼容性好,纯js开发,图标类型丰富,具有动态性,图表导出和打印功能,坐标轴设置,图标缩放,支持外部数据加载
2.highcharts 基本组成部分
title:标题,包含副标题subtitle(非必须部分)
series:数据列,图表上一个或多个数据列
axis:坐标轴,包含x(xAxis)和y轴(yAxis)
tooltip:数据提示框,当鼠标悬浮某个数据点上时,以图框的形式展示该点数据
legend:图例,用不同的形状,颜色,文字等表示不同的数据列,点击标识合一显示该数据列
credits:表示图表的版权信息
exporting:导出图表功能按钮,必须引入exporting.src.js
plotines:提示线(辅助线)
plotBands:标示区域(分辨带)
3.标题
title属性表示标题,其中的text属性是标题文本,style属性是标题的样式,副标题位置在标题正下方,可以使用x,y属性设置位置,text是内容,style是样式