在chart.js内将y轴旋转到顶部，将x轴旋转到左侧

我有一个图表，当前显示如下：

但我想旋转它，使其看起来更像这样：

（不更改“您的评级”）方向

把x轴放在左边，把y轴放在上面应该比较简单，但我正在努力

以下是相关代码：

var ctx = document.getElementById('canvas').getContext('2d');
window.myHorizontalBar = new Chart(ctx, {
  type:'line',    // 'horizontalBar',
  data: horizontalBarChartData,
  options: {
    annotation: {
         annotations: [{
           type: 'line',
       mode: 'vertical',
       scaleID: 'y-axis-0',
       value: 20,
       label: {
         content: 'Your Rating   ',
         enabled: true
           }
         }]
       },
scales: {
    xAxes: [{
        gridLines: {
            display:false
        }
    }],
    yAxes: [{
      gridLines: {
            display:false
        }
    }]
},

    // Elements options apply to all of the options unless overridden in a dataset
    // In this case, we are setting the border of each horizontal bar to be 2px wide

    responsive: true,
    legend: {

       display: false
    },
    title: {
      display: false,
      text: 'text4'
    }
  }
});

---

}

如果不可行，一个相对简单的方法可能是使用css转换图表旋转（90deg）和旋转工具提示容器类旋转（-90deg），因此它将是笔直的。如果不可行，一个相对简单的方法可能是使用css转换图表旋转（90deg）和旋转工具提示容器类旋转（-90deg）这样就可以直截了当了