Chart.js新手求助：为柱状图添加多数据集（新增蓝色数据列）

要在"14 - 20"列添加蓝色柱状数据，核心是给datasets数组新增一个数据集，让这个数据集的data数组仅在对应"14 - 20"的位置设置数值，其他位置用null占位（避免显示多余柱状图）。

修改后的完整代码如下：

var xValues = ["Below 13", "14 - 20", "21 - 40", "41- 50", "51 and above"];
var yValues = [55, 49, 44, 34, 45];
var barColors = [
    "#b91d47",
    "#00aba9",
    "#2b5797",
    "#e8c3b9",
    "#1e7145"
];

new Chart("myChart", {
    type: "bar",
    data: {
        labels: xValues,
        datasets: [
            {
                backgroundColor: "#b91d47",
                data: [55, null, null, null, null],
                label: 'Purok 1'
            },
            {
                backgroundColor: "#2b5797", // 指定蓝色
                data: [null, 49, null, null, null], // 仅在"14 - 20"对应位置设置数值，可自行修改
                label: 'Purok 2' // 自定义数据集名称
            }
        ]
    }
});

关键说明： #

• 每个数据集的data数组长度必须和labels数组一致，索引对应x轴标签的位置
• 用null占位的位置不会生成柱状图，以此精准控制仅目标列显示新增柱子
• 若需要原"Purok 1"的柱子显示在所有列，直接把它的data改成yValues数组即可，即data: yValues

内容的提问来源于stack exchange，提问作者Big Brother