關於網路那些事...

網路行銷,SEO,網路趨勢,教學文章,網頁設計,生活時事

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

如果這篇文章對你有幫助,請在這裡點個讚



最新文章推薦