微信 echarts插件里的图表不显示的其中一个原因

使用中遇到的一个小坑。 在github下载代码示例演示出来都好好的， 怎么把e-canvas放到我项目目录下使用时，图表就显示不出来？  哪怕我把demo的页面的代码原样拷贝过来都不行。。。

 

结果发现是一个关键的css 必须要有 就是 <view class="container">  主要就是这个container的设置必须要有

官方是这样定义的

.container {

    position: absolute;

    top: 500rpx;

    bottom: 0;

    left: 0;

    right: 0;

  

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    box-sizing: border-box;

  } 

 

主要是官方的代码 这个css写在了app.wxss全局样式里面 ，所以示例页面Demo的wxss文件中没有这个定义，所以无论我怎么拷贝代码过来在我项目中就是出不来。。。