莫里斯甜甜圈图表无数据问题

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

当你没有数据