javascript - 强制 ChartJS 显示具有空值的圆环图

Question

我有一个网格，每列有 4 个 donut chart ，代表不同的时间段:过去 90 天、过去 60 天、过去 7 天 和今天。

今天 的问题是它并不总是显示数据，尤其是在早上。有没有办法强制 ChartJS 显示图表，即使它没有任何数据？

这是一个例子:http://jsfiddle.net/6xV78/219/

var pieData = [
  {
    value: 0,
    color:"#3F9F3F"
  },
  {
    value : 0,
    color : "#222"
  }
];

Answer 1

我找到了一个快速解决方法，不确定它有多“好”或“有效”，但它对我有用。如果值为空/零，我将它们替换为 -1 以保留图表的外观，然后使用自定义工具提示函数覆盖输出。

{
  ...
  data: [earned == 0 ? -1 : earned, pending == 0 ? -1 : pending]
  ...
},
options: {
  tooltip: {
    callbacks: {
       label: function (tooltipItem, data) {
              const value = data['datasets'][0]['data'][tooltipItem['index']];
              return '$' + (value == -1 ? 0 : value);
       }
    }
  }
}

显然我有 2 个切片，当它们都为 0 时，图表显示为 2 个相等的两半，均显示 $0 收入(已赚取和待处理)。

*请注意，当其他值不为空时，这仍会考虑 1，因此您需要自行处理。我添加了一个方法来验证所有值是否为空，这是我唯一这样显示的情况。