用echarts画的百分比圆

用echarts画的百分比圆

<!-- 百分比 start -->

 

<!-- 为ECharts准备一个具备大小（宽高）的盒子 -->

<view class="da_program">
<view id="echarts" style="width:100%;height:400rpx;background-color:#fff">
</view>
<view class="l_program">
<p>计划方案: 100m³    实际方量：40m³</p>
<p>计划时长: 15小时   实际时长: 10小时</p>
</view>
<view class="r_program">
查看详情  >
</view>
<!-- 百分比圆球 -->
<view class="round">
<view class="roundText">
40%
</view>
<view class="roundText">
已完成
</view>
</view>
</view>

 

<!-- 百分比 END -->

 

/* 百分比 */

#echarts {

background-color: #fff;

border-radius: 0 0 20px 20px;

box-shadow: 0.5px 3px 15px #eae8e8;

}





.da_program {

wid