并排绘制条形图并保留原始排序可以通过以下步骤实现:
以下是一个示例代码片段,使用JavaScript和Chart.js库来绘制并排的条形图:
// 数据集
var data = [
{ category: "A", value: 10 },
{ category: "B", value: 5 },
{ category: "C", value: 8 },
{ category: "D", value: 12 }
];
// 按照类别排序数据集
data.sort(function(a, b) {
return a.category.localeCompare(b.category);
});
// 绘制条形图
var ctx = document.getElementById("myChart").getContext("2d");
var chart = new Chart(ctx, {
type: "bar",
data: {
labels: data.map(function(item) {
return item.category;
}),
datasets: [{
data: data.map(function(item) {
return item.value;
}),
backgroundColor: "rgba(0, 123, 255, 0.5)"
}]
},
options: {
scales: {
y: {
beginAtZero: true
}
}
}
});
在上述代码中,首先对数据集进行排序,然后使用Chart.js库创建一个条形图。通过设置labels
为排序后的类别数组,data
为排序后的数值数组,可以绘制出并排的条形图,并保留原始排序。
请注意,以上示例中使用的是Chart.js库作为绘图工具,这里提供的是一个示例,您可以根据自己的需求选择适合的工具或库来实现相同的效果。
领取专属 10元无门槛券
手把手带您无忧上云