莫里斯甜甜圈圖表無數據問題

Question

我想用Morris圖表使用甜甜圈形狀正確繪製一些數據。

Morris.Donut({ 
     element: 'donut-chart-revenue', 
     data: [], 
     }); 

但由於數據變量有時可以是空的（新用戶，沒有足夠的數據）甜甜圈形狀休息和我有一個空的佔位符！

如何排序問題或用「沒有足夠的數據」等文本替換佔位符？

Answer 1

我不是很熟悉，莫里斯，我懷疑你可以逃脫這樣的：

var data = []; // <-- your empty set 

Morris.Donut({ 
    element: 'donut-example', 
    data: data.length ? data : [ { label:"No Data", value:100 } ] 
}); 

如果該數據陣列，無論它來自何方，長度爲空（data.length == 0） ，那麼它將使用該「無數據」數組。

Answer 2

我有同樣的問題，我可以解決這個問題是這樣的：

var donut = null;  

this.init = (function() { 

    ... 

    donut = Morris.Donut({ 
     element : 'id-div', 
     data : [{ label:"no data", value:100 }], 
     colors : [ '#E6A548', '#1CC09f', '#FB5651', '#1CC09f', '#63A3DF', '#999' ], 
    }); 
}); 

this.find = (function() { 


    $.ajax() ... { 

     if (dados.length == 0) { 
      dados.push({ label:"no data", value:100 }); 
     } 

     donut.setData(dados); 
     donut.redraw(); 

    } 
}); 

使用：

data : [{ label:"no data", value:100 }], 

和

dados.push({ label:"no data", value:100 }); 

當你沒有數據