highcharts 分组柱形堆叠图

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

从highcharts官网上找到例子,复制过来,通过好几轮的修改,老是报错“SCRIPT5007: 没法获取未定义或 null 引用的属性“dataMin””。一直找不到缘由,网上搜也找不到,而后让同事看,一开始同事说我传递series的数据格式不对,应该传递array()格式的,例子中是这样的格式:ide

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'        }]函数

我通过写以后,spa

var seriesList = new Array();orm

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

但仍是报上面的错,后来又看了下js的array,又修改了下这个。it

通过多番修正以后,改为以下格式:class

var seriesList = new Array();Highcharts

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


可是仍是出不来,不过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 });


最后改为这样的,就能够了。

相关文章
相关标签/搜索