首先 新建HTML文件 引入echarts.js
?
为 ECharts 准备一个具备高宽的容器（由于我的是图表自适应所以没有宽度）；
?创建一个简单的柱状图，
此代码为body全部代码，根据需求来看 。
其中，下面代码为柱子圆角设置? barBorderRadius:?[15,15,0,0]?
????????圆角弧度对比barWidth来设置。
?下面代码为柱子颜色渐变设置，颜色自己更改相应的颜色；
其中?? offset: 0,??color:?'#5052EE',????????指0%处的颜色;
? ? ? ? ? ?offset: 1,?color:?'#AB6EE5',????????指100%处的颜色;
下面为图表自适应代码：
?????????图表容器不要设置宽度
屏幕自适应代码：
? ? ? ? 下面有两种方法：
? ? ? ? ? ? ? ? 第一种方法：? ? ? ? window.onresize?=?myCharts.resize?????
? ? ? ? ? ? ? ? 第二种方法：????????
??????????????????????????????????????????????//?监听window窗口大小变化的事件
??????????????????????????????????????????????window.οnresize=function(){??????????//屏幕自适应
?????????????????????????????????????????? ? //?调用echarts实例对象的resize方法
?????????????????????????????????????????????myCharts.resize();
?????????????????????????????????????????????}
?? ? ?
到此，就完成了设置圆角和颜色渐变，图表自适应等基本设置。