From 0f88bfc6720c204c011746a7c09817cc8ea065ca Mon Sep 17 00:00:00 2001 From: jinna Date: Tue, 31 Jan 2023 10:20:19 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/dashboard/home.vue | 92 ++++-------------------------------- 1 file changed, 10 insertions(+), 82 deletions(-) diff --git a/src/views/dashboard/home.vue b/src/views/dashboard/home.vue index 9fcacac..619e9fb 100644 --- a/src/views/dashboard/home.vue +++ b/src/views/dashboard/home.vue @@ -166,7 +166,7 @@
- +
@@ -450,6 +450,7 @@ export default { return b.count - a.count; }); }); + content1[0].map((item) => { this.pieData.push({ name: item.快递名称, @@ -460,9 +461,9 @@ export default { this.pieData = this.pieData.sort(function (a, b) { return b.y - a.y; }); - this.pieData[0].h = 15; - this.pieData[1].h = 10; - this.pieData[2].h = 5; + this.pieData[0].h = 10; + this.pieData[1].h = 5; + this.pieData[2].h = 2; this.shouData.map((item, index) => { if (index <= 10) { this.slideList[0].arr.push({ no: index + 1, name: item.name, count: item.count }); @@ -691,14 +692,14 @@ export default { fontSize: 15, color: "#fff", }, - top: 12, + top: 0, }, legend: { data: ["到件量", "派件量"], textStyle: { color: "#fff", }, - top: 12, + top: 0, right: 10, itemHeight: 8, }, @@ -844,20 +845,14 @@ export default { legend: { enabled: false, // 关闭图例 }, + tooltip: { + enabled: false, + }, plotOptions: { pie: { allowPointSelect: true, cursor: "pointer", depth: 35, - // dataLabels: { - // enabled: true, - // formatter: function (params) { - // //this 为当前的点(扇区)对象,可以通过 console.log(this) 来查看详细信息 - // return `${this.key}: - // ${((this.y / this.total) * 100).toFixed(2)}%
- // ${this.y}` - // }, - // }, dataLabels: { enabled: true, //是否显示饼图的线形tip distance: "11%", @@ -896,73 +891,6 @@ export default { ], }); }, - - //获取3d丙图的最高扇区的高度 - getHeight3D(series, height) { - series.sort((a, b) => { - return b.pieData.value - a.pieData.value; - }); - return (height * 25) / series[0].pieData.value; - }, - - getParametricEquation(startRatio, endRatio, isSelected, isHovered, k, h) { - // 计算 - let midRatio = (startRatio + endRatio) / 2; - let startRadian = startRatio * Math.PI * 2; - let endRadian = endRatio * Math.PI * 2; - let midRadian = midRatio * Math.PI * 2; - // 如果只有一个扇形,则不实现选中效果。 - if (startRatio === 0 && endRatio === 1) { - isSelected = true; - } - // 通过扇形内径/外径的值,换算出辅助参数 k(默认值 1/3) - k = typeof k !== "undefined" ? k : 1 / 3; - // 计算选中效果分别在 x 轴、y 轴方向上的位移(未选中,则位移均为 0) - let offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0; - let offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0; - // 计算高亮效果的放大比例(未高亮,则比例为 1) - let hoverRate = isHovered ? 1.05 : 1; - // 返回曲面参数方程 - return { - u: { - min: -Math.PI, - max: Math.PI * 3, - step: Math.PI / 32, - }, - v: { - min: 0, - max: Math.PI * 2, - step: Math.PI / 20, - }, - x: (u, v) => { - if (u < startRadian) { - return offsetX + Math.cos(startRadian) * (1 + Math.cos(v) * k) * hoverRate; - } - if (u > endRadian) { - return offsetX + Math.cos(endRadian) * (1 + Math.cos(v) * k) * hoverRate; - } - return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate; - }, - y: (u, v) => { - if (u < startRadian) { - return offsetY + Math.sin(startRadian) * (1 + Math.cos(v) * k) * hoverRate; - } - if (u > endRadian) { - return offsetY + Math.sin(endRadian) * (1 + Math.cos(v) * k) * hoverRate; - } - return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate; - }, - z: (u, v) => { - if (u < -Math.PI * 0.5) { - return Math.sin(u); - } - if (u > Math.PI * 2.5) { - return Math.sin(u) * h * 0.1; - } - return Math.sin(v) > 0 ? 1 * h * 0.1 : -1; - }, - }; - }, // 按照日月更换数据 changeData(val) { this.active = val;