// 初始化echarts const initEcharts = () => { // 将创建的echarts示例放到vue的data中，这样在这个界面就相当于全局配置了 // #ifdef H5||APP-PLUS myChart = echarts.init(document.getElementById(‘main’)); console.log(myChart,‘myChart’); // #endif // #ifdef MP-WEIXIN myChart = SelectorQuery(); console.log(myChart,‘myChart’); // #endif } // 配置echarts的option，展示数据图表 const setEchartsOption = () => { // 这里可以发送axios请求，然后通过响应的数据赋值给对应的x轴和y轴即可，由于这里没有于后端联调，所以简单请求判断一下， // 请求后端大概也是这个过程 var placeHolderStyle = { normal: { label: { show: false }, labelLine: { show: false }, color: “rgba(0,0,0,0)”, }, emphasis: { color: “rgba(0,0,0,0)”, } }; let option = { title: [{ text:userData.value.Score, // \n可以换行 x: '48.5%', // center y: '32%', textAlign: 'center', textStyle: { fontSize: '36', fontWeight: '700', fontStyle: 'normal', lineHeight: '28', color: userData.value.Score>=90?'#FFF':(userData.value.Score>=60?'#FFAD33':'#FB6665'), }, },{ // 需处理 不同分数进行不同问题显示 // text: userData.value.Score>=90?'畅约度极好':(userData.value.Score>=60?'畅约度良好':'畅约度差'), // \n可以换行 text:'畅约度', // \n可以换行 x: '49%', // center y: '42%', textAlign: 'center', textStyle: { fontSize: '14', fontStyle: 'normal', fontWeight: '1', lineHeight: '28', color:'#FFF', //需要进行畅约度不同时做不同的颜色处理 }, }], //第一个图表 series: [{ type: 'pie', hoverAnimation: false, //鼠标经过的特效 radius: ['45%', '57%'], center: ['50%', '40%'], startAngle: 225, labelLine: { normal: { show: false } }, label: { normal: { position: 'center' } }, data: [{ value: 100, itemStyle: { normal: { color: 'rgba(255,255,255,0.2)', borderRadius: 50, } }, }, { value: 35, itemStyle: placeHolderStyle, }, ] }, //上层环形配置 { type: 'pie', hoverAnimation: false, //鼠标经过的特效 radius: ['45%', '57%'], center: ['50%', '40%'], startAngle: 225, labelLine: { normal: { show: false, } }, data: [{ value: userData.value.Score, itemStyle: { normal: { color: userData.value.Score>=90?'#FFF':(userData.value.Score>=60?'#FFAD33':'#FB6665'), //需要进行畅约度不同时做不同的颜色处理 borderRadius: 10, }, }, }, { value: 100 - userData.value.Score, itemStyle: placeHolderStyle, }, { value: 35, itemStyle: placeHolderStyle, }, ] }, ] }; option && myChart.setOption(option); }<view class="back_img"> <view id="main" style="width: 100%; height: 700rpx;"> <Chart :option="setEchartsOption" v-if="true" style="height:350px; width: 350px; margin-left:27%; float: left;"/> </view> </view>小程序报vendor.js?t=wechat&s=1741829822566&v=75b5b581ac6bb8b4c56e53dc2ad58de8:2577 TypeError: myChart.setOption is not a function at setEchartsOption (IntegralDetails.js:138)这个错