highcharts 分组柱形堆叠图

标签：highcharts

为要实现柱形堆叠图，本身只有一个分组，也要使用这样的图像格式来完成。

从highcharts官网上找到例子，复制过来，经过好几轮的修改，总是报错“SCRIPT5007: 无法获取未定义或 null 引用的属性“dataMin””。一直找不到原因，网上搜也找不到，然后让同事看，一开始同事说我传递series的数据格式不对，应该传递array（）格式的，例子中是这样的格式：

series: [{            name: ‘John‘,            data: [5, 3, 4, 7, 2],            stack: ‘male‘        }, {            name: ‘Joe‘,            data: [3, 4, 4, 2, 5],            stack: ‘male‘        }, {            name: ‘Jane‘,            data: [2, 5, 6, 2, 1],            stack: ‘female‘        }, {            name: ‘Janet‘,            data: [3, 0, 4, 4, 3],            stack: ‘female‘        }]

经过多番修正之后，改成如下格式：

var seriesList = new Array();

seriesList.push({ name: nodelist.children[j].GY_PROJECT, data: new Array([value]), stack: nodelist.GY_PROJECT });

但是还是出不来，不过ie报的错不一样了，“Highcharts error #14: www.highcharts.com/errors/14”。

这个错误通过网上查到，是因为数值格式的数据，必须要经过Number函数的转换才能使用。直接使用的话，就会报以上所提的错误。

seriesList.push({ name: nodelist.children[j].GY_PROJECT, data: new Array([Number(value)]), stack: nodelist.GY_PROJECT });

最后改成这样的，就可以了。

highcharts 分组柱形堆叠图

标签：highcharts

原文地址：http://2898036.blog.51cto.com/2888036/1622600