前言 Echarts是一个美观的可视化工具，但是很多朋友初次接触，不知道自己该怎么创建一个包含Echartst图表的本地HTML网页，本文将详细地介绍Echarts的使用流程。 使用流程步骤 共分为三个步骤： 获得API 在文章中引入 配置相关项 1、获得API ...

　　前言 　　前段时间在做大屏项目，大量用到echarts图表，大屏对设计规范要求比较高，而大屏项目，经常会因为业务方面的原因、或者是数据方面的原因改动UI设计，所有图表的代码也是三天一小改、五天一大改 　　因此，项目里有统一的echarts图表配置，能统一所有图表的样式，修改起来也方便 ...

...

1.使用window.onresize 缺点：多个echarts的时候就只有最后一个生效了，onresize会被覆盖 2.使用window.addEventListener添加resize方法 缺点：当vue页面路由跳转到下一个页面时，上一个页面 ...

初始化图表方法写在最下面，否则会由于找不到元素导致init初始化失败，一般在页面里定义一个div给出高度和id。在函数里将此div初始化成echarts图标形式对象。 定义option，可以从百度echarts官网搜出需要使用的样式，进行修改。 legend是对多行分类进行控制的属性。data ...

1：折线图 　　①：单条折线 　　在与series同级的地方放置color数组： 　　如图　：　 　　效果如图 　　 ②：多条折线： 同 ...

先看下效果图： 就如上图所示，都是些常用的基本配置。 Legend分页，X轴设置，Y轴设置，底部缩放条设置， 数值显示样式设置，工具箱设置，自定义工具按钮， 绑定点击事件等等。这些配置代码中都做了简单的注释。下面看下代码，代码总共分为了3个js文件，分别如下： 1. ...

横向柱状图主要配置x位置x轴类型y轴类型（轴的类型分两种 1.category（类别）2.value(值)），代码简单（里面有注释）效果如下： ...