react-chartjs-2 如何在左側顯示帶有垂直文本的圖例文本

Question

我只想將圖表圖例右對齊，文本將垂直顯示。 目標：在此處輸入圖片描述

我試過使用： position: left enter image description here圖例已經向左移動。 但我不知道如何垂直對齊文本enter image description here

例如：在此處輸入圖片描述

Answer 1

我的意思是，您想在圖表左側顯示標題。 在您的輸出中，我期望：

const commonOptions: {
    maintainAspectRatio: false,
    interaction: {
           intersect: false,
    },
    responsive: true,
    plugins: {
      legend: {
        position: 'right',
      },
      title: {
                display: true,
                align: 'center',
                text: 'Study Count',
                position: 'left'
            }
    }
  },

嘗試：

https://www.chartjs.org/docs/latest/samples/bar/vertical.html

祝你好運