uniapp H5项目使用ucharts的Echart组件方式创建圆环

问题:没有报错但是图表不出来

【 调试了半天圆环图表没有不出来。是因为没有明示设置宽度与高度

/* 请根据实际需求修改父元素尺寸,组件自动识别宽高 */
.charts-box {
  width: 100%;
  height: 300px;
}

最终效果

uniapp H5项目使用ucharts的Echart组件方式创建圆环_第1张图片

先导入ucharts到项目

uniapp的项目导入参考: uniapp 导入ucharts图表插件 H5项目, 使用echarts eopts配置-CSDN博客 

导入之后创建下面的ringEchart.vue

源码: 






你可能感兴趣的:(uni-app,vue.js,前端,uniapp)