第2关Echarts 绘制折线图任务描述本关任务利用 Echarts 绘制一个简单的折线图。相关知识为了完成本关任务你需要掌握如何利用 Echarts 绘制折线图。绘制折线图绘制折线图的流程和柱状图相同我们只需要在series中指定type类型为折线图lineseries: [{name: xxx,type: line,data: [xx, xx,]}]series: [{name: xxx,type: line,data: [xx, xx,]}]编程要求在右侧编辑器补充代码绘制折线图效果如下图其中实训数量分别为data: [300, 800, 2400, 3600, 5600, 8000]测试说明我会对你编写的代码进行测试开始你的任务吧祝你成功!DOCTYPE htmlhtmlheadmeta charsetutf-8titleECharts/title!-- 引入 echarts.simple.min.js --script srchttps://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0.rc2/echarts.js/script/headbody!-- 为ECharts准备一个具备大小宽高的Dom --div idmain stylewidth: 600px;height:400px;/divscript typetext/javascript// 基于准备好的dom初始化echarts实例!-- Begin 1 --var myChart echarts.init(document.getElementById(main));!-- End 1 --// 指定图表的配置项和数据!-- Begin 2 --var option {title: {text: Educoder 实训统计},tooltip: {},legend: {data:[实训数量]},xAxis: {data: [Java,Python,Linux,数据库,HTML,Web]},yAxis: {},series: [{name: 实训数量,type: line,data: [300, 800, 2400, 3600, 5600, 8000]}]};!-- End 2 --// 使用刚指定的配置项和数据显示图表。!-- Begin 3 --myChart.setOption(option);!-- End 3 --/script/body/html有任何问题都可以随时关注私信