charts - 对于图表 js 2 中的负值，如何从 0 开始从右侧开始 Y 轴？

Question

我想知道是否有任何选项可以在图表 js 2.6 中设置，以便 Y 轴在条形图中从右到左开始为负值。

目前，这就是它显示负值的方式（小提琴中的#2 图表）： https ://jsfiddle.net/j6nqt4oo/1/

参考代码：

var ctx = document.getElementById("myChart2").getContext('2d');
var myChart = new Chart(ctx, {
    type: 'horizontalBar',
    data: {
        labels: ['A', 'B'],
            datasets: [{
                data: [-10, -20]
            }]
    },
    options: {
    responsive: false,
        showDatapoints: true,
            scales: {

                maintainAspectRatio: true,
                responsive: false,
                xAxes: [{

                    ticks: {
                       beginAtZero: true

                    },
                    gridLines: {
                        display: false
                    }
                }],
                yAxes: [{

                    gridLines: {
                        display: false
                    }
                }]
            },

            legend: {
                display: false
            }
    }

但这就是我想要的：（Y轴网格线在0，A和B在右边）

Answer 1

您需要在第二个图表中将position属性设置right为 y 轴刻度...

...
yAxes: [{
   position: 'right',
   gridLines: {
      display: false
   }
}]
...

这是JSFiddle 上的工作演示