HTML制作折线图

Echarts资源下载：
（转自：
版权声明：本文为CSDN博主「青春已被放纵了」的原创文章
原文链接：https://blog.csdn.net/qq_36373262/article/details/65635667）

可以在这里下载最新资源：https://github.com/ecomfe/echarts/archive/2.2.1.zip 下不了的话就去官网去下。

方法一：自己敲代码

折线图代码：

   //echarts文件


    //折线图背景（如果两个折线图放一起的话，两个div名称要不一样 ）

(代码一点错都不能有，少写一个逗号都会显示不出来，一定注意分号、逗号、引号、中括号)

效果图：

##方法二：在官网制作后复制代码

官网：https://www.echartsjs.com/examples/zh/index.html#chart-type-pie

直接修改复制代码即可

为饼状图添加点击事件：

function eConsole(param) {

                //alert(option.series[0].data.length);

                //alert(option.series[0].data[i]);

                //param.dataIndex 获取当前点击索引，

                var index=param.dataIndex;
              }
              myChart.on("click", eConsole);