分析需求
// 定义一个数组来存储四个季度的数据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
版权归原作者 大今野 所有， 如有侵权，请联系我们删除。
版权归原作者 大今野 所有， 如有侵权，请联系我们删除。