微信小程序打开Echart是空白页面？

今天刚学使用Echart图表，把步骤写下来，

1.首先去git上拉一个文件

网址： https://github.com/ecomfe/echarts-for-weixin

下载后打开

使用时，把 ec-canvas 文件复制到项目中

再把需要的对应的图表给引进来，就能使用了，但运行起来，页面会是空白的，百度了一下，是wxss的文件少了一些样式。把下面这些复制上去。

/**index.wxss**/

ec-canvas {

  width: 100%;

  height: 100%;

}

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;

}

再次运行，就会发现图表就会出现啦。