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

Question

我想要实现的是：

我为此使用 ng2 charts，它只是 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                }
        }],  ....

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

Chart.js: How to get x-axis labels to show on top of bars in bar chart

javascript

chart.js

ng2-charts

angular