echarts在微信小程序中无法显示的问题

最近因为业务需求，需要在小程序中引入图表，百度一波，发现echarts已经支持了小程序。然后便试了一下demo。但是发现怎么都无法显示。我明明是完全复制的官方的demo啊。。
然后又开始了百度Google。最后找到了问题。是css的问题。如果没有用css给定限制，就会无法显示。

css代码：

/**index.wxss**/
ec-canvas {
  width: 100%;
  height: 100%;
}
.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;
} 
.picker-pos{
  margin-top: -130rpx;
  margin-left: 150rpx;
  color: blueviolet
}