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

最新推荐文章于 2024-09-12 18:14:16 发布

monkey-jie

最新推荐文章于 2024-09-12 18:14:16 发布

阅读量1.5w

点赞数 23

分类专栏：小程序文章标签： echarts

本文链接：https://blog.csdn.net/qq_40663357/article/details/89672658

版权

小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

最近因为业务需求，需要在小程序中引入图表，百度一波，发现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
}