如何使用Chart.js条形图和折线图确定角度图中X和Y轴的最大值和最小值

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<script src="path/to/chart.js"></script>

<canvas id="myChart"></canvas>

var canvas = document.createElement('canvas');
canvas.id = 'myChart';
document.body.appendChild(canvas);

var ctx = document.getElementById('myChart').getContext('2d');

var labels = ['标签1', '标签2', '标签3'];
var data = [10, 20, 30];

var myChart = new Chart(ctx, {
  type: 'bar', // 或者 'line'，取决于要创建的图表类型
  data: {
    labels: labels,
    datasets: [{
      label: '数据集1',
      data: data,
      backgroundColor: 'rgba(0, 123, 255, 0.5)', // 条形图的颜色
      borderColor: 'rgba(0, 123, 255, 1)', // 折线图的颜色
      borderWidth: 1 // 边框宽度
    }]
  },
  options: {
    scales: {
      x: {
        // X轴的配置
        min: 0, // X轴的最小值
        max: 4, // X轴的最大值
        ticks: {
          stepSize: 1 // X轴刻度的间隔
        }
      },
      y: {
        // Y轴的配置
        min: 0, // Y轴的最小值
        max: 40, // Y轴的最大值
        ticks: {
          stepSize: 10 // Y轴刻度的间隔
        }
      }
    }
  }
});