c语言 成绩的柱状图,利用Echarts实现考试分数柱状图代码

特效描述：利用Echarts实现 考试分数 柱状图代码。利用Echarts实现考试分数柱状图代码

代码结构

1. 引入JS

2. HTML代码



var dom = document.getElementById("container");

var myChart = echarts.init(dom);

var app = {};

option = null;

app.title = '柱状图分数划分';

var namedate = ['小明', '小红', '小张', '小潘', '小陆', '小洪', '大张'];

var numdate = [60, 70, 80, 50, 70, 90, 100];

var colorlist = [];

numdate.forEach(element => {

if (element < 60) {

colorlist.push(["#fc7095", "#fa8466"])

} else if (element >= 60 && element < 90) {

colorlist.push(["#386ffd", "#74b3ff"])

} else {

colorlist.push(["#1aa8ce", "#49d3c6"])

}

<