ChartJS：如何正确显示第二个yAxis的刻度线？

Question

我在chartjs中创建了此条形图：

不幸的是，我无法在第二个（右侧）“轴”元素上获得刻度线才能正确显示。如您所见，它们始终在刻度和轴标题的右侧自由浮动。 这些是我的y轴选项（内部缩放选项）：

var y_axes_options = [{
            id: 'A',
            position: 'left',
            gridLines: {
              drawOnChartArea: false,
              tickMarkLength: 5,
              color: '#000000',
              zeroLineColor: '#000000'
            },
            ticks: {
              fontColor: '#000000',
              beginAtZero: true,
              padding: 5,
            },
            scaleLabel: {
              display: true,
              labelString: 'A',
              fontColor: '#000000',
            }
          }, {
            id: 'B',
            position: 'right',
            gridLines: {
              drawOnChartArea: false,
              tickMarkLength: 5,
              color: '#000000',
              zeroLineColor: '#000000'
            },
            ticks: {
              fontColor: '#000000',
              beginAtZero: true,
              padding: 5,
            },
            scaleLabel: {
              display: true,
              labelString: 'B',
              fontColor: '#000000',
            }
          }];

有什么想法吗？