Browse Source

优化

shibei_master
ZhaoTongYao 3 years ago
parent
commit
b11271fb98
  1. 3
      src/views/modules/visual/communityGovern/duoyuanfuwu/duoyuanfuwufenxi.vue
  2. 12
      src/views/modules/visual/communityGovern/duoyuanfuwu/pieOption.js

3
src/views/modules/visual/communityGovern/duoyuanfuwu/duoyuanfuwufenxi.vue

@ -111,6 +111,7 @@ const legendList = [
{ name: '#8fc41e', icon: require('../../../../../assets/img/shuju/volunteer7.png') }, { name: '#8fc41e', icon: require('../../../../../assets/img/shuju/volunteer7.png') },
{ name: '#00a1be', icon: require('../../../../../assets/img/shuju/volunteer8.png') }, { name: '#00a1be', icon: require('../../../../../assets/img/shuju/volunteer8.png') },
{ name: '#0067b6', icon: require('../../../../../assets/img/shuju/volunteer9.png') }, { name: '#0067b6', icon: require('../../../../../assets/img/shuju/volunteer9.png') },
{ name: '#e5007f', icon: require('../../../../../assets/img/shuju/volunteer3.png') },
{ name: '', icon: require('../../../../../assets/img/shuju/volunteer1.png') } { name: '', icon: require('../../../../../assets/img/shuju/volunteer1.png') }
] ]
const defaultLegendIcon = require('../../../../../assets/img/shuju/volunteer1.png') const defaultLegendIcon = require('../../../../../assets/img/shuju/volunteer1.png')
@ -164,10 +165,10 @@ export default {
require('../../../../../assets/img/shuju/volunteer5.png'), // require('../../../../../assets/img/shuju/volunteer5.png'), //
require('../../../../../assets/img/shuju/volunteer7.png'), // require('../../../../../assets/img/shuju/volunteer7.png'), //
require('../../../../../assets/img/shuju/volunteer8.png'), // require('../../../../../assets/img/shuju/volunteer8.png'), //
require('../../../../../assets/img/shuju/volunteer3.png'), //
require('../../../../../assets/img/shuju/volunteer9.png'), // require('../../../../../assets/img/shuju/volunteer9.png'), //
require('../../../../../assets/img/shuju/volunteer1.png'), // require('../../../../../assets/img/shuju/volunteer1.png'), //
require('../../../../../assets/img/shuju/volunteer2.png'), // require('../../../../../assets/img/shuju/volunteer2.png'), //
require('../../../../../assets/img/shuju/volunteer3.png'), //
require('../../../../../assets/img/shuju/volunteer6.png'), // require('../../../../../assets/img/shuju/volunteer6.png'), //
], ],
polygonList: [] polygonList: []

12
src/views/modules/visual/communityGovern/duoyuanfuwu/pieOption.js

@ -44,7 +44,7 @@ export function pieOption (_charts) {
// tooltip: { // tooltip: {
// }, // },
center: center, center: center,
radius: ['53%', '53.3%'], radius: ['48%', '48.3%'],
label: { label: {
show: false show: false
}, },
@ -70,7 +70,7 @@ export function pieOption (_charts) {
// name: 'Access From', // name: 'Access From',
type: 'pie', type: 'pie',
center: center, center: center,
radius: ['30%', '43%'], radius: ['25%', '38%'],
avoidLabelOverlap: false, avoidLabelOverlap: false,
// top: top + '%', // top: top + '%',
// height: '80%', // height: '80%',
@ -87,14 +87,14 @@ export function pieOption (_charts) {
edgeDistance: 1, edgeDistance: 1,
lineHeight: 15, lineHeight: 15,
color: '#fff', color: '#fff',
fontSize: 10, fontSize: 8,
// distanceToLabelLine: -60, // distanceToLabelLine: -60,
rich: { rich: {
name: { name: {
padding: [0, 6, 0, 6] padding: [0, 6, 0, 6]
}, },
a: { a: {
fontSize: 25, fontSize: 23,
color: '#fff', color: '#fff',
padding: [0, 6, 6, 6] padding: [0, 6, 6, 6]
}, },
@ -110,9 +110,9 @@ export function pieOption (_charts) {
labelLine: { labelLine: {
show: false, show: false,
smooth: 0.2, smooth: 0.2,
length: 40, length: 20,
length2: 0, length2: 0,
maxSurfaceAngle: 80 maxSurfaceAngle: 60
}, },
labelLayout: function (params) { labelLayout: function (params) {

Loading…
Cancel
Save