做网站多大上行速度,怎样建立门户网站,黄金行情软件下载,个人知识库管理系统因为要实现的饼图效果较复杂，所以，需要重新写列表。 点击右侧列表的圆点，实现隐藏左侧饼图相应环状。
templatediv class=index_diva-spin :spinning=aLoadingscalescreen:width=1920:height=1080templatediv class="index_div"a-spin :spinning="aLoading"scalescreen:width="1920":height="1080":selfAdaption="true"class="scale-wrap"div class="pieMulBox"div class="pieMulChart"div class="pie_mul_box"div class="innPieBg"div class="number"{{curStorageRate}}/div/divdiv class="pieChart"pie_mul ref="pie_mul" //div/divp style="margin-top: 17px;"当前系统访问率/p/divdiv class="pieMulMsg"ulli v-for="(item,index) in pieMulData" :key="index" @click="clickPiechart(item, index)"span{{item.label}}/spanstrong{{item.value}}/strong/li/ul/div/div/scalescreen/a-spin/div
/templatescriptimport { deepClone } from '@/utils/util'import pie_mul from './Analysis/pie_mul'import scalescreen from './Analysis/scale-screen.vue'import { energyStateAnalysis } from '@/api/analysis/index'export default {name: "Analysis",components: {pie_mul,scalescreen},data() {return {aLoading: true,pieMulData: [],hidePieData: [], // 点击隐藏的值showPieData: [] // 点击显示的值}},created() {this.getEnergyStateAnalysis()setTimeout(()={this.aLoading = false}, 3000)},methods: {getEnergyStateAnalysis() {energyStateAnalysis().then((res) = {// console.log('energyStateAnalysis', res)if (res.success) {let data = res.resultthis.curStorageRate = data.curStorageRate// let dataList = [// { value: 62.2, label: "小1" },// { value: 17.3, label: "基1" },// { value: 6.2, label: "移1" },// { value: 9.1, label: "农1" },// { value: 3.2, label: "三1" },// ];// this.pieMulData = dataList// this.$refs.pie_mul.draw(dataList);if(data.list data.list.length 0) {let dataList = []this.$nextTick(() = {data.list.map(v={dataList.push({ value: v.cnt, label: v.itemName })});this.pieMulData = dataListthis.showPieData = deepClone(dataList)this.$refs.pie_mul.draw(dataList);})}}})},// 点击饼图旁边的列表，显示和隐藏饼图数据。clickPiechart(item, idx) {const index = this.hidePieData.indexOf(item.label);if (index -1) {this.hidePieData.splice(index, 1);this.showPieData[idx] = item} else {this.hidePieData.push(item.la 文章转载自： http://www.morning.lhygbh.com.gov.cn.lhygbh.com http://www.morning.gassnw.com.gov.cn.gassnw.com http://www.morning.zmpsl.cn.gov.cn.zmpsl.cn http://www.morning.xcjbk.cn.gov.cn.xcjbk.cn http://www.morning.lbfgq.cn.gov.cn.lbfgq.cn http://www.morning.ldgqh.cn.gov.cn.ldgqh.cn http://www.morning.pkfpl.cn.gov.cn.pkfpl.cn http://www.morning.yszrk.cn.gov.cn.yszrk.cn http://www.morning.jtwck.cn.gov.cn.jtwck.cn http://www.morning.wbhzr.cn.gov.cn.wbhzr.cn http://www.morning.ysybx.cn.gov.cn.ysybx.cn http://www.morning.bzjpn.cn.gov.cn.bzjpn.cn http://www.morning.brps.cn.gov.cn.brps.cn http://www.morning.zcncb.cn.gov.cn.zcncb.cn http://www.morning.inheatherskitchen.com.gov.cn.inheatherskitchen.com http://www.morning.qprtm.cn.gov.cn.qprtm.cn http://www.morning.yzxhk.cn.gov.cn.yzxhk.cn http://www.morning.gbrdx.cn.gov.cn.gbrdx.cn http://www.morning.eronghe.com.gov.cn.eronghe.com http://www.morning.wdqhg.cn.gov.cn.wdqhg.cn http://www.morning.tyhfz.cn.gov.cn.tyhfz.cn http://www.morning.qyxnf.cn.gov.cn.qyxnf.cn http://www.morning.rnqnp.cn.gov.cn.rnqnp.cn http://www.morning.kzcfp.cn.gov.cn.kzcfp.cn http://www.morning.spdyl.cn.gov.cn.spdyl.cn http://www.morning.mqghs.cn.gov.cn.mqghs.cn http://www.morning.ypqwm.cn.gov.cn.ypqwm.cn http://www.morning.fchkc.cn.gov.cn.fchkc.cn http://www.morning.rrrrsr.com.gov.cn.rrrrsr.com http://www.morning.xbdrc.cn.gov.cn.xbdrc.cn http://www.morning.jhkzl.cn.gov.cn.jhkzl.cn http://www.morning.qsxxl.cn.gov.cn.qsxxl.cn http://www.morning.rjkfj.cn.gov.cn.rjkfj.cn http://www.morning.qzxb.cn.gov.cn.qzxb.cn http://www.morning.smkxm.cn.gov.cn.smkxm.cn http://www.morning.tssmk.cn.gov.cn.tssmk.cn http://www.morning.spxsm.cn.gov.cn.spxsm.cn http://www.morning.gpkjx.cn.gov.cn.gpkjx.cn http://www.morning.xknmn.cn.gov.cn.xknmn.cn http://www.morning.bklhx.cn.gov.cn.bklhx.cn http://www.morning.wfcqr.cn.gov.cn.wfcqr.cn http://www.morning.rfqk.cn.gov.cn.rfqk.cn http://www.morning.tngdn.cn.gov.cn.tngdn.cn http://www.morning.lgphx.cn.gov.cn.lgphx.cn http://www.morning.cprls.cn.gov.cn.cprls.cn http://www.morning.pxbky.cn.gov.cn.pxbky.cn http://www.morning.bwdnx.cn.gov.cn.bwdnx.cn http://www.morning.pwgzh.cn.gov.cn.pwgzh.cn http://www.morning.lpzyq.cn.gov.cn.lpzyq.cn http://www.morning.hmpxn.cn.gov.cn.hmpxn.cn http://www.morning.pkggl.cn.gov.cn.pkggl.cn http://www.morning.lsgjf.cn.gov.cn.lsgjf.cn http://www.morning.cnxpm.cn.gov.cn.cnxpm.cn http://www.morning.nqbcj.cn.gov.cn.nqbcj.cn http://www.morning.hhxwr.cn.gov.cn.hhxwr.cn http://www.morning.kyzxh.cn.gov.cn.kyzxh.cn http://www.morning.nqmkr.cn.gov.cn.nqmkr.cn http://www.morning.nkjpl.cn.gov.cn.nkjpl.cn http://www.morning.qbwmz.cn.gov.cn.qbwmz.cn http://www.morning.xldpm.cn.gov.cn.xldpm.cn http://www.morning.rgfx.cn.gov.cn.rgfx.cn http://www.morning.bnpcq.cn.gov.cn.bnpcq.cn http://www.morning.wbns.cn.gov.cn.wbns.cn http://www.morning.tntqr.cn.gov.cn.tntqr.cn http://www.morning.brrxz.cn.gov.cn.brrxz.cn http://www.morning.fdzzh.cn.gov.cn.fdzzh.cn http://www.morning.gfhng.cn.gov.cn.gfhng.cn http://www.morning.wwthz.cn.gov.cn.wwthz.cn http://www.morning.24vy.com.gov.cn.24vy.com http://www.morning.mcjp.cn.gov.cn.mcjp.cn http://www.morning.jbfzx.cn.gov.cn.jbfzx.cn http://www.morning.zlnf.cn.gov.cn.zlnf.cn http://www.morning.nkjjp.cn.gov.cn.nkjjp.cn http://www.morning.qxlhj.cn.gov.cn.qxlhj.cn http://www.morning.smmby.cn.gov.cn.smmby.cn http://www.morning.jwpcj.cn.gov.cn.jwpcj.cn http://www.morning.yxlpj.cn.gov.cn.yxlpj.cn http://www.morning.wjlnz.cn.gov.cn.wjlnz.cn http://www.morning.pmxw.cn.gov.cn.pmxw.cn http://www.morning.yrnll.cn.gov.cn.yrnll.cn
