Highcharts基础教程(一):Highcharts 的主要组成
2016-07-07 17:37
344 查看
Highcharts基础教程(一):Highcharts 的主要组成
Highcharts基础教程(二):图表配置
通常情况下,Highcharts包含标题(Title)、坐标轴(Axis)、数据列(Series)、数据提示框(Tooltip)、图例(Legend)、版权信息(Credits)等,高级的还包括导出功能按钮(Exporting)、标示线(PlotLines)、标示区域(PlotBands)等。
Highcharts基本组成部分如下图所示:
Via:hcharts.cn
点击下载最新版 Highcharts
Highcharts基础教程(二):图表配置
通常情况下,Highcharts包含标题(Title)、坐标轴(Axis)、数据列(Series)、数据提示框(Tooltip)、图例(Legend)、版权信息(Credits)等,高级的还包括导出功能按钮(Exporting)、标示线(PlotLines)、标示区域(PlotBands)等。
Highcharts基本组成部分如下图所示:
Highcharts主要组成
Title
图表标题,包含标题和副标题(subTitle),其中副标题是非必须的。Axis
坐标轴,包含x轴(xAxis)和y轴(yAxis)。通常情况下,x轴显示在图表的底部,y轴显示在图表的左侧。多个数据列可以共同使用同一个坐标轴,为了对比或区分数据,Highcharts提供了多轴的支持。Series
数据列。图表上一个或多个数据系列,比如曲线图中的一条曲线,柱状图中的一个柱形。Tooltip
数据提示框。当鼠标悬停在某点上时,以框的形式提示该点的数据,比如该点的值,数据单位等。数据提示框内提示的信息完全可以通过格式化函数动态指定。Legend
图例。用不同形状、颜色、文字等 标示不同数据列,通过点击标示可以显示或隐藏该数据列。Credits
图表版权信息。显示在图表右下方的包含链接的文字,默认是Highcharts官网地址。通过指定credits.enabled=false即可不显示该信息。Exporting
导出功能按钮。通过引入exporting.js即可增加图表导出为常见文件功能。PlotLines
标示线(或辅助线)。可以在图表上增加一条标示线,比如平均值线,最高值线等。PlotBands
标示区域(分辨带)。可以在图表添加不同颜色的区域带,标示出明显的范围区域。Via:hcharts.cn
点击下载最新版 Highcharts
相关文章推荐
- cssplot - CSS 绘制图表
- 一个XML格式数据转换为图表的例子
- jQuery Chart图表制作组件Highcharts用法详解
- jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
- Highcharts使用简例及异步动态读取数据
- Highcharts 多个Y轴动态刷新数据的实现代码
- 浅析jquery的js图表组件highcharts
- FusionCharts图表显示双Y轴双(多)曲线
- 动态更新highcharts数据的实现方法
- java类中生成jfreechart,返回图表的url地址 代码分享
- jQuery.Highcharts.js绘制柱状图饼状图曲线图
- PHP+mysql+Highcharts生成饼状图
- ajax读取数据后使用jqchart显示图表的方法
- echarts图表导出excel示例
- 自定义图表控件--同时显示柱状图和折线图
- highcharts 显示网格
- Jfreechart绘制漂亮的图表
- Jfreechart中文API和属性详解
- PHP+mysql+Highcharts生成饼状图
- Highcharts 非常实用的Javascript统计图demo示例