Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chart.js:如何让x轴标签显示在条形图中的条形图顶部_Javascript_Angular_Chart.js_Ng2 Charts - Fatal编程技术网

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

Javascript Chart.js:如何让x轴标签显示在条形图中的条形图顶部,javascript,angular,chart.js,ng2-charts,Javascript,Angular,Chart.js,Ng2 Charts,我试图实现的是: 我正在使用它,它只是chart.js的一个扩展。我有条形图,颜色和所有的爵士乐。我搞不懂的是如何让x轴标签显示在条形图的顶部而不是下方。为了澄清,我不希望它出现在悬停或其他任何东西上,而只是出现在酒吧的顶部 问题:需要什么配置才能使x轴标签显示在条形图上?您需要将mirror属性设置为true 镜像属性位于选项=>scales=>xaxis=>ticks=>Mirror中 public barChartOptions: any = { scales: {

我试图实现的是:

我正在使用它,它只是chart.js的一个扩展。我有条形图,颜色和所有的爵士乐。我搞不懂的是如何让x轴标签显示在条形图的顶部而不是下方。为了澄清,我不希望它出现在悬停或其他任何东西上,而只是出现在酒吧的顶部


问题:需要什么配置才能使x轴标签显示在条形图上?

您需要将
mirror
属性设置为true

镜像属性位于选项=>scales=>xaxis=>ticks=>Mirror中

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

但是很简单,它被隐藏在文档中,我不知道我是否会单独找到它。