如何在Chart.js的圖上加上X軸或Y軸名稱

 Chart.js可以幫助網頁顯示各類圖表，要在X軸及Y軸上標示名稱方法如下：

• 找到Chart物件。
• 在Chart物件內找到options。
• 在options內找到scales，若無，自行加上scales。
• 即可在scales下設定X軸及Y軸的標示。

程式碼範例

<div>
  <canvas id="myChart"></canvas>
</div>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
  const labels = [
  '1',
  '2',
  '3',
  '4',
  '5',
  '6',
];

const data = {
  labels: labels,
  datasets: [{
    label: '數據',
    backgroundColor: 'rgb(255, 99, 132)',
    borderColor: 'rgb(255, 99, 132)',
    data: [0, 10, 5, 2, 20, 30, 45],
  }]
};

const config = {
  type: 'line',
  data,
  options: {scales:{
        x:{
        	title:{
            	display:true,
                text:"月"
                }
          },
        y:{
		title:{
            	display:true,
                text:"unit"
                }
	  }
      }
  }
};

var myChart = new Chart(
    document.getElementById('myChart'),
    config
  );
</script>