HighCharts 修改版权标识+面积图堆叠及断裂

要使用 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（空值）