这个线按道理，是在option配置对象，属性xAxis、yAxis中设置，本以为是这样设置的：
结果不是。一番寻思，才发现在option配置对象，属性grid中设置的：
本以为是设置option配置对象属性backgroundColor，结果不是，还是设置grid中属性backgroundColor：
itemStyle中的属性color，对于折线图来说，是设置线上面的小圆点（标志图形类型），真正设置内容填充色，要这么设置：
不单单是在option配置对象，属性xAxis、yAxis中设置两个对象就可以，还要在series中做好呼应，设置响应的xAxisIndex、yAxisIndex，才会出来两根轴：
可能大家第一时间，以为是option配置对象，属性color配置原因，还要在series中做好呼应，设置上name：
原因是不能设置barWidth，可以改用barMaxWidth或者barCategoryGap，来代替
想要鼠标经过，变成一根直线的提示，不单单要设置axisPointer，还需要对应设置trigger为axis：
打开控制台，查看tooltip提示框，不是canvas绘制出来的，是一个div元素class="echarts-tooltip zr-element"；可能是页面中css样式设置，影响到了。
在上一篇文章我们讲到构建项目，这篇文章，我们就来讲解一下，在vue项目中使用echarts制作3d柱状图。
还请看我娓娓写来。
1、第一步当然还是进入你所在项目的文件夹。
2、第二步使用npm安装你所需要用到的组件，
》使用以下命令安装echarts组件
npm install echarts
》安装好echarts后，还需要安装echarts3d图形所需的组件，echarts-gl。使用以下命令安装即可。假设你不需要制作3D的图表，则不需要安装。
npm install echarts-gl
安装好了之后，你就可以在你的node_modules文件夹内找到echarts和echart-gl文件夹了。
而且在你的package.json文件里面也可以找到这个配置
那么echarts和我们需要的echarts-gl就安装好了，现在开始写demo啦
3.我们需要在页面的script中引用
4.写一个div装echarts实例吧。
5、给这个实例设置一个css样式，给它设置宽高，这一步很重要
6、实例出一个柱状图吧。
你可以写一个方法调用，你这个实例的方法，然后就可以看到效果了。具体的设置建议看echarts官网的这个GL的属性说明。
贴上最后的效果图：
好了，今天的文章就告一段落，如果您有好的建议，请在下方留言。欢迎订阅我们哦~
