Highchart基础教程-图表的主要组成
2016-10-30 15:55
288 查看
一、Highchar图表的主要组成
![](https://images2015.cnblogs.com/blog/994765/201610/994765-20161030145721953-661098463.png)
1、图表标题(Title):图表包含标题和副表题(subTitle,可选)。
2、坐标轴(Axis):包括x轴(xAxis)和y轴(yAxis)。多个数据列可以共同使用一个坐标轴,为了对比或区分数据,Highchar提供了多轴的支持。
3、数据列(Series):例如:曲线图的一条曲线,柱状图的一个柱形。
4、数据提示框(Tooltip):当鼠标悬停在某点上时,以框的形式提示该点的数据,比如该点的值,数据单位等。数据提示框内提示的信息完全可以通过格式化函数动态指定。
5、图例(Legend):用不同形状、颜色、文字等 标示不同数据列,通过点击标示可以显示或隐藏该数据列。
6、版权标签(Credits 图表版权信息):显示在图表右下方的包含链接的文字,默认是Highcharts官网地址。通过指定credits.enabled=false即可不显示该信息。
7、导出功能(xporting):通过引入exporting.js即可增加图表导出为常见文件功能。
8、标示线(PlotLines):标示线(或辅助线)。可以在图表上增加一条标示线,比如平均值线,最高值线等。
9、标示区(PlotBands):标示区域(分辨带)。可以在图表添加不同颜色的区域带,标示出明显的范围区域。
二、Hightock(股票)的主要组成
1、范围选择器(rangeSelector)
2、导航器(navigator)
3、滚动条(scrollbar)
4、十字准星线(crosshair)
三、HighMap(地图)的主要组成
1、地图导航器(mapNavigation)
2、色值轴(colorAxis)
![](https://images2015.cnblogs.com/blog/994765/201610/994765-20161030145721953-661098463.png)
1、图表标题(Title):图表包含标题和副表题(subTitle,可选)。
2、坐标轴(Axis):包括x轴(xAxis)和y轴(yAxis)。多个数据列可以共同使用一个坐标轴,为了对比或区分数据,Highchar提供了多轴的支持。
3、数据列(Series):例如:曲线图的一条曲线,柱状图的一个柱形。
4、数据提示框(Tooltip):当鼠标悬停在某点上时,以框的形式提示该点的数据,比如该点的值,数据单位等。数据提示框内提示的信息完全可以通过格式化函数动态指定。
5、图例(Legend):用不同形状、颜色、文字等 标示不同数据列,通过点击标示可以显示或隐藏该数据列。
6、版权标签(Credits 图表版权信息):显示在图表右下方的包含链接的文字,默认是Highcharts官网地址。通过指定credits.enabled=false即可不显示该信息。
7、导出功能(xporting):通过引入exporting.js即可增加图表导出为常见文件功能。
8、标示线(PlotLines):标示线(或辅助线)。可以在图表上增加一条标示线,比如平均值线,最高值线等。
9、标示区(PlotBands):标示区域(分辨带)。可以在图表添加不同颜色的区域带,标示出明显的范围区域。
二、Hightock(股票)的主要组成
1、范围选择器(rangeSelector)
2、导航器(navigator)
3、滚动条(scrollbar)
4、十字准星线(crosshair)
三、HighMap(地图)的主要组成
1、地图导航器(mapNavigation)
2、色值轴(colorAxis)
相关文章推荐
- 四、 基础教程-图表主要组成
- Highchart基础教程-图表配置
- Highcharts基础教程(一):Highcharts 的主要组成
- Highcharts基础教程(一):Highcharts 的主要组成
- 使用AngularJS结合Highchart图表动态获取JSON格式数据
- highchart的图表出不来几种情况总结
- MSChart图表之Chart组件 学习一篇(5个主要属性+数据源绑定)
- <译>Web图表工具ChartDirector基础教程
- ios开发学习--图表(Chart)效果源码分享--系列教程
- 思达报表工具Style Report基础教程—简单图表
- Unity4.x 2D游戏开发基础教程第1章Unity及其组成的介绍
- jquery图表,范例及推荐 highchart+sparkline
- 思达报表工具Style Report基础教程—用组合框切换图表X、Y轴上的维度和量度
- python入门基础教程04 Python程序基本组成
- highChart图表
- 【HighCharts系列教程】三、图表属性——chart
- PHP基础教程(适合有编程基础的,但是对PHP很陌生的新手 --教程主要以code的形式表现)
- LineChart结合xml实例-flex图表chart组件教程
- OGRE基础教程一:OGRE最基本的组成结构:SceneManager,SceneNode和Entity objects
- 进一步封装highchart,打造自己的图表插件:jHighChart.js