1.在项目中遇到这样的显示效果

<el-tab-pane :label="`全部患者(${totalPage1})`" name="first"> </el-tab-pane>
2.使用echarts的时候,ajax请求到的data未必就是你需要的data样式,可以使用es6的class方式,合并成我们需要的样式
下图是ui设计的图,饼图有不同的颜色
let qq = [ { "color": '#fc8c70', },{ "color": '#f9bd48', },{ "color": '#fd6388', },{ "color": '#69acff', },{ "color": '#e9e9e9', }, ] let bb = [ { "isTrue": true, },{ "isTrue": false, },{ "isTrue": false, },{ "isTrue": false, },{ "isTrue": false, } ] let dd = [] for(let i =0;i<qq.length;i++){ dd.push(Object.assign(qq[i],bb[i])) } let tt= [] for(let i =0;i<qq.length;i++){ tt.push(Object.assign(dd[i],res.data[i])) } class Point { constructor(item) { this.value = item.value; this.name = item.name; this.icon = 'circle'; this.percent = item.percent; this.itemStyle = { normal: { color: item.itemStyle.normal.color } }; this.selected = item.selected } } let mm = [] tt.forEach((item) => { mm.push(new Point({ value: item.itemCount, name: item.diagnoseName, percent: item.percent, selected: item.isTrue, icon : 'circle', itemStyle: { normal: { color: item.color } }, })) })