html原生echart柱状图
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Bar Chart Example</title><!-- Include Chart.js library --><script src="https://cdn.jsdelivr.net/npm/chart.js"></script><style>canvas {max-width: 600px;margin: 20px;}</style>
</head>
<body><!-- Create a canvas element to render the chart --><canvas id="myChart"></canvas><script>// Data for the bar chartvar data = {labels: ['January', 'February', 'March', 'April', 'May'],datasets: [{label: 'Sample Bar Chart',backgroundColor: 'rgba(54, 162, 235, 0.5)',borderColor: 'rgba(54, 162, 235, 1)',borderWidth: 1,data: [12, 19, 15, 10, 7],}]};// Configuration optionsvar options = {scales: {y: {beginAtZero: true}}};// Get the canvas elementvar ctx = document.getElementById('myChart').getContext('2d');// Create the bar chartvar myChart = new Chart(ctx, {type: 'bar',data: data,options: options});</script>
</body>
</html>
