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

Question

我想要实现的是：

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

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

Answer 1

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

镜像属性位于 Options => scales => xaxis => ticks => mirror。

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