如何将Chart.JS折线图标签对齐到中心

Question

我正在使用Chart.JS 1.0.2创建折线图：

我想做的是将图表底部的标签移动到每个矩形的中心（而不是与垂直网格线对齐）：

在chartjs.org上没有关于此的文档，但是我相信有了一个巧妙的技巧，这个问题就可以轻松解决。关于如何实现这一目标的任何想法？

Answer 1

在ChartJS 文档中，“网格线配置”下有 drawOnChartArea 选项：

名称：drawOnChartArea
类型：boolean
描述：如果为 true，则在图表区域的轴线内部绘制线条。当有多个轴并且您需要控制绘制哪些网格线时，这非常有用

{
    type: 'line',
    data: data,
    options: {
        ...
        scales: {
            xAxes: [{
                gridLines: {
                    drawOnChartArea: true
                }
            ]}
        }
    }
}