我是chart.js的新手，我想在我的条形图中有多个数据集，这是图表的初始视图：
x1c 0d1x的数据
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],
label: 'Purok 1'
},
],
},
});字符串
我想为14 - 20的下一列添加另一个蓝色条。
1条答案
按热度按时间inn6fuwd1#
您需要在图表配置的
datasets数组中添加另一个数据集。每个数据集代表图表中的不同条形图。我把代码部分修改成这样;
字符串
我已经为**“14 - 20”**类别添加了第二个数据集。
backgroundColor属性设置为barColors数组中的第二个颜色，data属性设置为yValues数组中的第二个值。label属性设置为 *'Purok 2'**以将此条形图与第一个条形图区分开来。您可以根据需要添加任意多个数据集，以表示图表中的所有类别。只需确保为每个数据集正确设置
backgroundColor、data和label属性。请记住，
datasets数组中数据集的顺序与图表中条形的顺序相对应。第一个数据集将是第一个条形，第二个数据集将是第二个条形，依此类推。