当数据为0时，如何使chartJs堆积条总是四舍五入？

Question

我想出了这个小提琴：https : //jsfiddle.net/2s09hqLu/ 它有我想要的堆叠圆角图表。但问题是当数据数组中的值为 0 时。它不会使它四舍五入。我总是希望它是四舍五入我该怎么做？data: [20, 5, 0, 15, 12, 13]正如您在黄色上看到的那样，它的平面不是圆形的。我该如何解决这个问题？

Answer 1

我在下面尝试过，并且可以完美地处理任何数量的数据集。

var lastVisible;

  var datasetsLength = this._chart.data.datasets.length;

  this._chart.data.datasets.map((e,index)=>{

    lastVisible=datasetsLength-1;

    //to find the depth of datasets and get non-zero value

    for(var i=lastVisible;i>0;i--){

    if(!this._chart.getDatasetMeta(i).hidden){

      if(this._chart.data.datasets[i].data[this._index] != 0){

        lastVisible = i;

        break;

      }

    }

    } 

  })

Answer 2

我已经更新了您的 Fiddle 唯一行号118： https ://jsfiddle.net/r7hvn2ox/

从：

if (rounded){

至：

if (rounded || this._chart.data.datasets[1].data[this._index] == 0) {

我知道它对 2 个数据集的修复：[{}, {}] 条，但它可以在任何数据集的值以及本示例中完美地工作。

Answer 3

rounded如果它呈现特定项目，您可以向变量添加额外的表达式。这不是最好的方法。

var rounded = this._datasetIndex  === lastVisible || this._index === 2;

或者，您可以比较每个数据集中的值

var cond = false;

if(this._datasetIndex === 0) {

  var datasets = this._chart.data.datasets;

  var dataset = datasets[this._datasetIndex];

  var currentData = dataset.data[this._index];

  var nextData = datasets[this._datasetIndex + 1].data[this._index]

  cond = currentData !== 0 && nextData === 0;

}

var rounded = this._datasetIndex  === lastVisible || cond;