详细问题描述
h5平台
之前版本 ，用echarts写的环形进度条是正常的，
更新了 最新版本1.9.3后， 出现图表显示不完整的问题
代码未修改的情况下，回退到上个版本重新编译后正常，所以确认是编辑器的问题
[代码]
<template>
<view class="content">
<view :id="myChartId" class="progress"></view>
</view>
</template>
<script>
import echarts from 'echarts';
export default {
props:{
myChartId:{
type:String
},
progress:{
type:Number,
default: 0
},
color:{
type:Array,
},
},
data() {
return {
};
},
mounted() {
this.drawLine()
},
methods:{
drawLine() {
let me = this;
let myChart = echarts.init(document.getElementById(me.myChartId))
myChart.setOption({
title:{
show:true,
text:me.progress+'%',
x:'center',
y:'center',
textStyle: {
fontSize: '12',
color:me.color[0],
fontWeight: 'normal'
}
},
tooltip: {
trigger: 'item',
formatter: "{d}%",
show:false
},
grid: {
left: '8%',
right: '0',
bottom: '1%',
containLabel: true
},
series: [
{
type: 'pie',
radius: ['70%','85%'],
hoverAnimation:false,
// radius: '65%',
label: { //饼图图形上的文本标签
normal: {
show: false,
},
},
data: [
{value:me.progress, name:''},
{value:100-me.progress, name:''},
],
color:me.color
}
],
});
}
}
}
</script>
<style lang="scss">
.progress{
width: 112upx;
height: 112upx;
}
</style>
