highcharts 基本组成

  最近一个项目,用到了图表,找了很多,发现Highcharts 这个纯js的图表插件非常好用,功能强大。做个笔记,备用。

 

基本构成,见图:

 

在上图中,显示了做图表时最常配置的几个项目:

 

xAxis X坐标
yAxis y坐标
Credits 版权信息
legend 图例
exporting 导出选项
Title   标题
tooltip tip提示
Series 图表上一个或多个数据系列,比如图表中的一条曲线,一个柱形
   

 

图表类型

英文名中文名
line 直线图
spline 曲线图
area 面积图
areaspline 曲线面积图
arearange 面积范围图
areasplinerange 曲线面积范围图
column 柱状图
columnrange 柱状范围图
bar 条形图
pie 饼图
scatter 散点图
boxplot 箱线图
bubble 气泡图
errorbar 误差线图
funnel 漏斗图
gauge 仪表图
waterfall 瀑布图
polar 雷达图
pyramid 金字塔

 常用的图表类型大概是:line,pie,bar,column几种了。

 

配置基本代码:

var chart = new Highcharts.Chart({
chart: {},  //图表全局选项

title: {},

subtitle: {},
xAxis: {}, //x坐标
yAxis: {},//y坐标

tooltip: {},//tip提示
plotOptions: { },// 图表区域的设置
legend: {},//图例
credits: {},//版权商标
series: [{}] // 图表数据列

});

posted on 2014-10-26 10:59  xinchuang  阅读(343)  评论(0编辑  收藏  举报