微信小程序加载Echarts时既不报错也不显示问题解决

我在使用微信小程序加载Echarts图表时，首先从官方github（https://github.com/ecomfe/echarts-for-weixin）中下载工程文件，本地测试无问题。但是自己新建项目将代码复制过去的时候，出现了既不报错也不显示的问题，页面为空白。稍后我使用了多个博主的代码做测试，终于发现了问题所在。

原因为原始工程文件中wxml文件格式如下

<view class="container">
  <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
</view>

包含了container容器，该页面wxss中没有对应定义，是原工程app.wxss中定义的全局样式。所以在wxss中补上该样式即可显示

/**index.wxss**/
.container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
} 
ec-canvas {
  width: 100%;
  height: 100%;
  background-color: #fff; 
}