Highcharts Error #15 原因-處理方式

Highcharts Error #15 原因

發生這個錯誤的原因是因為

Highcharts 預期資料應該已排序過

若輸入的資料中， x 軸沒有進行由小到大(asc)排序

就會出現Error #15

解決方式

(1) 若 Highcharts 需要倒序顯示

Highcharts 倒序 order desc 的方式顯示資料

在 xAxis 或 yAxis 只要加上 reversed: true 就可以倒序顯示

xAxis:{
	reversed = true,
	//...
},
yAxis:{
  reversed = true,
	//...
},

(2) 資料進行預排序

將x軸資料進行排序後，再產生圖表即可

參考: javascript 排序方式

將陣列數值由小到大 ASC 排序方式

var dataObj = [1, 4, 3, 2];
dataObj.sort();
//1,2,3,4

由大到小 DESC 排序方式

var dataObj = [1, 4, 3, 2];
dataObj.sort();
dataObj.reverse();
//4,3,2,1

依照陣列中的物件指定欄位排序

var dataObj = [{x:1,y:'a'}, {x:4,y:'d'}, {x:3,y:'c'}, {x:2,y:'b'}];
dataObj.sort(function (a, b) {
  return parseInt(a.x)-parseInt(b.x);
});

//[{x:1,y:'a'}, {x:2,y:'b'}, {x:3,y:'c'}, {x:4,y:'d'}]