分析需求
// 定义一个数组来存储四个季度的数据
dataArray = []
// 循环4次，获取用户输入的数据并存储到数组中
for i from 0 to 3
// 获取用户输入的数据
inputData = 获取用户输入的第(i + 1)季度的数据
// 将数据存入数组
dataArray[i] = inputData
// 遍历数组，根据数据生成柱形图并渲染到页面
for i from 0 to 3
// 创建一个div元素作为柱形图
barDiv = 创建一个div元素
// 设置div的宽度和高度，高度根据数据来定
barDiv.width = 固定宽度
barDiv.height = dataArray[i]
// 在div中添加显示的数据和季度信息
barDiv.textContent = "第" + (i + 1) + "季度: " + dataArray[i]
// 将div添加到页面中
将barDiv添加到页面
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>季度数据柱形图</title><style>/* 定义类名为box的样式 */.box{
display: flex;justify-content: space - around;
align - items: flex - end;margin: 100px auto;
本文转载自: https://blog.csdn.net/qq_45755863/article/details/144078017
版权归原作者 大今野 所有， 如有侵权，请联系我们删除。
版权归原作者 大今野 所有， 如有侵权，请联系我们删除。