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 });


最後改爲這樣的,就能夠了。

相關文章
相關標籤/搜索