Chartjs 条形图 Y 轴设置基准起始值不为 0

Question

我正在尝试创建一个bar chart，它将在非 0 的基本起点上方和下方显示数据。

我尝试使用 yAxes 比例选项的 min 和 max，但它只是隐藏了超过设置的 min/max 的条，并将 'beginAtZero' 设置为 false。

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

Answer 1

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

一个。 Chartjs 多浮动条

示例：http://pravopys.net/chartjs/samples/charts/bar/vertical.html

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

b. Chartjs注解插件（基点水平线）

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

预览图：final chart