要使用 Higcharts 最快学会的方法,就是拿着官网给我们的例子,加以分析和修改。
兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts
需求:修改图表右下角的版权标识,生成一个堆叠面积图和一个断裂面积图
分析: 修改版权标识用credits来进行修改,生成堆叠面积图和堆叠柱状图一样只需用在plotOptions {area}stacking属性就可以完成,而断裂要在series(数据列)中的data里填写null(空值)实现,并不是填0
解决:
源代码:
添加图片注释,不超过 140 字(可选)
添加图片注释,不超过 140 字(可选)
示例:
添加图片注释,不超过 140 字(可选)
添加图片注释,不超过 140 字(可选)
自定义版权标识和断裂图相对简单易于修改,只要填写想改的属性即可
HighCharts 对数折线图+可变宽度的柱形图上面两表为例进行总结:
1、堆叠面积图
1)添加credits(版权标识属性)
2) 填写版权标识需使用的属性
credits的部分相关属性说明
credits: //设置右下角的标记。highchart.com (这个也可以在highcharts.js里中修改)
{
//enabled: true, //是否显示
position: { //显示的位置
align: 'left',
x: 10
},
text: "xoyo.com", //显示的文字
style:{ //样式
cursor: 'pointer',
color: 'red',
fontSize: '20px'
},
href: 'http://www.xoyo.com', //路径
},
2、断裂柱状图
1)写一个(series)数据列
2)在数据列中的data(数据)中填写null(空值)
标签:140,credits,修改,堆叠,标识,版权,HighCharts From: https://blog.51cto.com/u_16360144/8583831