Chart.js：如何让 x 轴标签显示在条形图中的条形顶部答案

【问题标题】：Chart.js: How to get x-axis labels to show on top of bars in bar chartChart.js：如何让 x 轴标签显示在条形图中的条形顶部
【发布时间】：2017-04-05 00:47:19
【问题描述】：

我想要实现的是：

我为此使用ng2 charts，这只是chart.js 的扩展。我有条形图、颜色和所有爵士乐。我想不通的是如何让 x 轴标签显示在条形图的顶部，而不是在条形图的下方。澄清一下，我不希望它显示在悬停或其他任何东西上，而不仅仅是显示在条形顶部。

问题：需要什么配置才能让 x 轴标签显示在条形本身上？

【问题讨论】：

标签： javascript angular chart.js ng2-charts

【解决方案1】：

您需要将mirror 属性设置为true。

镜像属性在 Options => scales => xaxis => ticks => mirror.

public barChartOptions: any = {
    scales: {
        yAxes: [{
            ticks: {
                mirror: false
            }
        }],
        xAxes: [{
            ticks: {
                mirror: true                }
        }],  ....

【讨论】：

不过如此简单，它被埋在文档中，我不知道我是否会单独找到它。