echarts 移动端自适应配置不生效的问题

echarts 是百度开源的一个前端数据可视化图表库，用来展示数据非常的便捷。

下面是官网的简介：

ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。

最近的项目有适配移动端的需求，因此也研究了一下 echarts 移动端适配的方法。

我之前有些过一篇文章，介绍过 echarts 移动端的适配方法，感兴趣的朋友可以去看看：https://blog.csdn.net/lovefengruoqing/article/details/96357453。

我这篇文章当然不是想把之前写过的内容，再拎出来写一遍了，这样也太没诚意了。

我这篇文章主要想讲讲的是，自己在使用官网提供的移动端适配解决方案的时候，碰到的问题。

首先还是给出官网提供的移动端适配解决方案吧，原理很简单，就是根据父容器宽高的不同，来配置不同的配置项。

这个解决方案有点类似于 css 的媒体查询，写过 css 的同学应该都不陌生吧。