JavaScript输入各学科成绩，形成成绩柱状图

在JavaScript中，你可以使用多种库来创建成绩柱状图，比如Chart.js、Highcharts或是ECharts等。下面是一个简单的示例，我们将使用Chart.js来展示如何实现这个功能：

首先，你需要在HTML中引入Chart.js库：

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<canvas id="myChart" width="400" height="400"></canvas>

然后，在JavaScript部分，假设我们有一个包含学科名称和对应分数的对象数组：

let scores = {
  "语文": 90,
  "数学": 85,
  "英语": 95,
  "科学": 88
};

接下来，创建图表实例并绘制数据：

const ctx = document.getElementById('myChart').getContext('2d');
let myChart = new Chart(ctx, {
  type: 'bar', // 设置图表类型为柱状图
  data: {
    labels: Object.keys(scores), // 柱子标签，即学科名称
    datasets: [{
      label: '各科成绩',
      data: Object.values(scores), // 柱子高度，即分数
      backgroundColor: [
        'rgba(255, 99, 132, 0.2)',
        'rgba(54, 162, 235, 0.2)',
        'rgba(255, 206, 86, 0.2)',
        'rgba(75, 192, 192, 0.2)'
      ],
      borderColor: [
        'rgba(255, 99, 132, 1)',
        'rgba(54, 162, 235, 1)',
        'rgba(255, 206, 86, 1)',
        'rgba(75, 192, 192, 1)'
      ],
      borderWidth: 1
    }]
  },
  options: {} // 可选的图表配置项
});