javascript - 莫里斯 donut chart 无数据问题

Question

我正在尝试使用 donut 形状使用 Morris 图表正确绘制一些数据。

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

但由于数据变量有时可能为空(新用户，没有足够的数据) donut 形状中断，我有一个空占位符!

我如何对问题进行排序或将占位符替换为“没有足够的数据”之类的文本？

Answer 1

对 Morris 不是很熟悉，我怀疑你可以逃脱这个:

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

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

如果该数据数组的长度(无论它来自何处)为空 (data.length == 0)，则它将使用该“无数据”数组。