Echarts图表可视化

开发工具与关键技术： MVC
撰写时间：2021/10/8

下面我们讲Echarts图表可视化是如何实现的：

1. 首先我们需要到Echarts官方网站下载echarts.js文件：
   

2. 在前端代码中引用echarts.js，然后对图表进行定义和编辑：
   （1） 在页面中script标签引用echarts.js
   
   （2） 我们通常使用div标签作为Echarts可视化的操作对象，以下图为例：在需要展现可视化图表的页面代码位置插入div标签，给定一个特定id，需要给该div标签给定合适的宽高，将依据该宽高渲染可视化图表，下面我们设置学生成绩图表为例：
   （3） 初始化echarts的实例，echart.init()为echarts.js内的方法：
   
   （4）