在另一个条形图上显示ChartJS堆叠条形图，以进行目标与销售分析

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

// 创建一个canvas元素，用于显示图表
<canvas id="stackedBarChart"></canvas>

// 获取canvas元素
var ctx = document.getElementById('stackedBarChart').getContext('2d');

// 定义数据
var data = {
  labels: ['产品A', '产品B', '产品C'], // 类别数据
  datasets: [
    {
      label: '目标销售额',
      data: [10000, 15000, 12000], // 目标销售额数据集
      backgroundColor: 'rgba(75, 192, 192, 0.5)' // 设置背景颜色
    },
    {
      label: '实际销售额',
      data: [8000, 12000, 10000], // 实际销售额数据集
      backgroundColor: 'rgba(255, 99, 132, 0.5)' // 设置背景颜色
    }
  ]
};

// 定义配置选项
var options = {
  scales: {
    x: {
      stacked: true // 横轴堆叠
    },
    y: {
      stacked: true // 纵轴堆叠
    }
  }
};

// 创建堆叠条形图
var stackedBarChart = new Chart(ctx, {
  type: 'bar',
  data: data,
  options: options
});