图表 Y 轴条形图将基本起始值设置为不为 0

Question

我试图做一个条形图，它将显示数据超过和低于基础起点，这不是0。

我尝试使用yAxes缩放选项的最小值和最大值，但它只是隐藏了超过设置最小值/最大值的条形图，并将“beginAtZero”设置为false。

scales: {
  yAxes: [{
    ticks: {
      min: 20,
      scaleBeginAtZero: false,
      beginAtZero: false
    }
  }],
}

Answer 1

我能够通过以下方式显示所需的图表数据:

a. 图表多浮动柱

样本：http://pravopys.net/chartjs/samples/charts/bar/vertical.html

GitHub：https://github.com/cprimera/Chart.MultiFloatingBar.js/blob/master/samples/multi-floating-bar.html

湾。Chartjs注释插件（用于基点水平线）

const Chart = require("chart.js");
const Annotation = require("chartjs-plugin-annotation");
Chart.plugins.register(Annotation);