Chart.js - 折线图：在网格线之间绘制点-Java 学习之路

我正在使用Chart.js版本2.1.3创建折线图 .

我想在x轴上的网格线之间居中标签 and points （如条形图中所示） .

对于标签，我使用偏移网格线标签的'offsetGridLines'选项：

scales: {
    xAxes: [{
        gridLines: {
            offsetGridLines: true
        }
    }],
    ...

然而，我找不到中心点的方便解决方案 .

这是我的初始示例（放置在网格线之间的标签）：https://jsfiddle.net/24aotbnc/1/ .

这是我的非优雅解决方案，它创建一个类型为'bar'的空数据集，并在创建图表后删除它（在网格线之间绘制点）：https://jsfiddle.net/24aotbnc/2/

有人能提供更好的解决方案吗？谢谢 .

1 回答