Chart.js：如何让x轴标签显示在条形图中的条形图上方

Question

我想要实现的目标是：

我正在使用ng2 charts，这只是chart.js的扩展。我有条形图和颜色以及所有爵士乐。我无法弄清楚的是如何让x轴标签显示在条形图的顶部，而不是在它们的下方。为了澄清，我不希望它出现在悬停或其他任何事情上，只是出现在酒吧顶部。

问题：需要哪些配置才能让x轴标签显示在条形图上？

Answer 1

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

镜像属性在Options =＆gt;中scale =＆gt; xaxis =＆gt; ticks =＆gt;镜。

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