微信小程序引入echarts不显示 也不报错
微信小程序引入echarts不显示 也不报错
1.在开发者工具上没有显示
你需要给ceharts组件一个高度和宽度
style="width: 100%; height: 100%;"
2.给了高度和宽度还是没有显示
你需要给ceharts标签外面的view加个样式container
<view class="container">
<ec-canvas style="width: 100%; height: 100%;" id="mychart" canvas-id="mychart" ec="{{ ec }}"></ec-canvas>
</view>注释附上
ec-canvas {
width: 100%;
height: 100%;
}
.container {
/*<生成绝对定位的元素*/
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
/*扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间*/
display: flex;
/*主轴为垂直方向，起点在上沿*/
flex-direction: column;
/*交叉轴中点对齐*/
align-items: center;
/*两端对齐，项目之间的间隔相等*/
justify-content: space-between;
/*边框border和内边距padding在现有元素的宽度和高度*/
box-sizing: border-box;
}