Chart.js压缩条形图上的垂直轴

Question

我有一个数据集，其中最后一个值始终很高。这会导致我的条形图出现问题；如果不将它们悬停在几乎所有其他值上，就很难感觉到。

这里是屏幕截图：

这是我要实现的目标；

所以我的问题；可以在香草Chart.js中实现此功能，还是需要一个插件？如果是这样;是否有现有的插件，或者我需要自己写一个？

我也愿意为最初的问题提供替代解决方案。

我已经在整个互联网上寻找了类似的东西，但不幸的是运气不佳。

Answer 1

您可以在图表yAxes上使用条件渲染，只需将此刻度添加到yAxes上>>

yAxes: [{
      stacked: true,
      gridLines: {
        display: true,
        color: "rgba(255,99,132,0.2)"
      } , 
      ticks: {
        callback: function(value) {
          if(value < 50  ) {
               if (!(value % 1 )) {
                  return "" + value + "";
                }
          }else{
            if (!(value % 20 )) {
                  return "" + value + "";
                }
          }
        }
      }
    }],