双向柱状图

Chart.js 是一个强大的开源库，用于在网页上创建各种类型的图表。要创建一个双向柱状图（也称为分组柱状图），你可以使用 Chart.js 的 Bar 图表类型，并通过配置数据集来实现分组效果。以下是一个基本的示例代码：，，“html，，，，，双向柱状图，，，，，， var ctx = document.getElementById(‘myChart’).getContext(‘2d’);， var myChart = new Chart(ctx, {， type: ‘bar’,， data: {， labels: [‘January’, ‘February’, ‘March’, ‘April’],， datasets: [{， label: ‘Dataset 1’,， data: [12, 19, 3, 5],， backgroundColor: ‘rgba(255, 99, 132, 0.2)’,， borderColor: ‘rgba(255, 99, 132, 1)’,， borderWidth: 1， }, {， label: ‘Dataset 2’,， data: [2, 3, 20, 5],， backgroundColor: ‘rgba(54, 162, 235, 0.2)’,， borderColor: ‘rgba(54, 162, 235, 1)’,， borderWidth: 1， }]， },， options: {， scales: {， y: {， beginAtZero: true， }， }， }， });，，，，“，，这个示例展示了如何使用 Chart.js 创建一个包含两个数据集的双向柱状图。每个数据集都有不同的颜色和标签，以便区分。