如何在x轴上绘制从最小到最大(从-1到0)的负值

// 引入Chart.js库
import Chart from 'chart.js';

// 创建一个canvas元素作为图表容器
const canvas = document.createElement('canvas');
document.body.appendChild(canvas);

// 创建一个2D绘图上下文
const ctx = canvas.getContext('2d');

// 创建一个图表实例
const chart = new Chart(ctx, {
  type: 'line', // 使用线形图
  data: {
    labels: ['-1', '-0.9', '-0.8', '-0.7', '-0.6', '-0.5', '-0.4', '-0.3', '-0.2', '-0.1', '0'], // x轴标签
    datasets: [{
      label: '负值', // 数据集标签
      data: [-1, -0.9, -0.8, -0.7, -0.6, -0.5, -0.4, -0.3, -0.2, -0.1, 0], // 数据集
      borderColor: 'blue', // 线条颜色
      fill: false, // 不填充区域
    }]
  },
  options: {
    scales: {
      x: {
        title: {
          display: true,
          text: 'x轴' // x轴标题
        }
      },
      y: {
        title: {
          display: true,
          text: '负值' // y轴标题
        },
        suggestedMin: -1, // y轴最小值
        suggestedMax: 0, // y轴最大值
      }
    }
  }
});

// 可以根据需要进一步配置和自定义图表