|
|
|
@ -1,24 +1,15 @@ |
|
|
|
var res = [ |
|
|
|
{ value: 20, name: '交通事故' }, |
|
|
|
{ value: 1, name: '' }, |
|
|
|
{ value: 20, name: '车辆故障' }, |
|
|
|
{ value: 1, name: '' }, |
|
|
|
{ value: 15, name: '路障清除' }, |
|
|
|
{ value: 1, name: '' }, |
|
|
|
{ value: 10, name: '交通管制' }, |
|
|
|
{ value: 1, name: '' }, |
|
|
|
{ value: 5, name: '道路拥堵' }, |
|
|
|
{ value: 1, name: '' }, |
|
|
|
{ value: 5, name: '异常天气' }, |
|
|
|
{ value: 1, name: '' }, |
|
|
|
{ value: 5, name: '其他事件' }, |
|
|
|
{ value: 1, name: '' }, |
|
|
|
{ value: 10, name: '施工建设' }, |
|
|
|
{ value: 1, name: '' }, |
|
|
|
{ value: 10, name: '服务区异常' }, |
|
|
|
{ value: 1, name: '' }, |
|
|
|
]; |
|
|
|
let angle = 0; //角度，用来做简单的动画效果的
|
|
|
|
{ value: 20, name: "交通事故" }, |
|
|
|
{ value: 20, name: "车辆故障" }, |
|
|
|
{ value: 15, name: "路障清除" }, |
|
|
|
{ value: 10, name: "交通管制" }, |
|
|
|
{ value: 5, name: "道路拥堵" }, |
|
|
|
{ value: 5, name: "异常天气" }, |
|
|
|
{ value: 5, name: "其他事件" }, |
|
|
|
{ value: 10, name: "施工建设" }, |
|
|
|
{ value: 10, name: "服务区异常" }, |
|
|
|
]; |
|
|
|
let angle = 0; //角度，用来做简单的动画效果的
|
|
|
|
|
|
|
|
//获取圆上面某点的坐标(x0,y0表示坐标，r半径，angle角度)
|
|
|
|
function getCirlPoint(x0, y0, r, angle) { |
|
|
|
@ -30,23 +21,26 @@ function getCirlPoint(x0, y0, r, angle) { |
|
|
|
}; |
|
|
|
} |
|
|
|
|
|
|
|
// var res = this.evaluatedCountList;
|
|
|
|
var data1 = [], data2 = [], data3 = [], legendData = []; |
|
|
|
var curIndex = 0; |
|
|
|
var index = 0; |
|
|
|
// var res = this.evaluatedCountList;
|
|
|
|
var data1 = [], |
|
|
|
data2 = [], |
|
|
|
data3 = [], |
|
|
|
legendData = []; |
|
|
|
var curIndex = 0; |
|
|
|
var index = 0; |
|
|
|
|
|
|
|
for (var i = 0; i < res.length; i++) { |
|
|
|
for (var i = 0; i < res.length; i++) { |
|
|
|
data1.push({ |
|
|
|
value: res[i].value, |
|
|
|
name: res[i].name, |
|
|
|
}) |
|
|
|
}); |
|
|
|
data2.push({ |
|
|
|
value: res[i].value, |
|
|
|
name: res[i].name, |
|
|
|
itemStyle: { |
|
|
|
opacity: 0.4, |
|
|
|
}, |
|
|
|
}) |
|
|
|
}); |
|
|
|
|
|
|
|
data3.push({ |
|
|
|
value: res[i].value, |
|
|
|
@ -54,74 +48,85 @@ function getCirlPoint(x0, y0, r, angle) { |
|
|
|
itemStyle: { |
|
|
|
opacity: 0.1, |
|
|
|
}, |
|
|
|
}) |
|
|
|
if ( res[i].name != "" ) |
|
|
|
legendData.push(res[i].name); |
|
|
|
} |
|
|
|
}); |
|
|
|
if (res[i].name != "") legendData.push(res[i].name); |
|
|
|
} |
|
|
|
|
|
|
|
var options = { |
|
|
|
color: ['#2867FF', 'transparent', '#58C3FF', 'transparent', '#FF6A3B', 'transparent','#FDA474', 'transparent','#FEE58F','transparent', '#8DFEBF','transparent', '#66F4DC', 'transparent','#33E27D', 'transparent','#5D8CFE','transparent',], |
|
|
|
var options = { |
|
|
|
color: [ |
|
|
|
"#2867FF", |
|
|
|
"#58C3FF", |
|
|
|
"#FF6A3B", |
|
|
|
"#FDA474", |
|
|
|
"#FEE58F", |
|
|
|
"#8DFEBF", |
|
|
|
"#66F4DC", |
|
|
|
"#33E27D", |
|
|
|
"#5D8CFE", |
|
|
|
], |
|
|
|
title: [ |
|
|
|
{ |
|
|
|
text:'999', |
|
|
|
top: '27%', |
|
|
|
textAlign: 'center', |
|
|
|
left: '49%', |
|
|
|
text: "999", |
|
|
|
top: "27%", |
|
|
|
textAlign: "center", |
|
|
|
left: "49%", |
|
|
|
textStyle: { |
|
|
|
color: '#ffffff', |
|
|
|
color: "#ffffff", |
|
|
|
fontSize: 30, |
|
|
|
fontFamily: 'PangMenZhengDao', |
|
|
|
fontFamily: "PangMenZhengDao", |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
text: '总数', |
|
|
|
top: '38%', |
|
|
|
textAlign: 'center', |
|
|
|
left: '49%', |
|
|
|
text: "总数", |
|
|
|
top: "38%", |
|
|
|
textAlign: "center", |
|
|
|
left: "49%", |
|
|
|
textStyle: { |
|
|
|
color: 'rgba(242, 252, 253, 0.84)', |
|
|
|
color: "rgba(242, 252, 253, 0.84)", |
|
|
|
fontSize: 14, |
|
|
|
fontWeight: 400, |
|
|
|
}, |
|
|
|
}, |
|
|
|
], |
|
|
|
grid: { |
|
|
|
top: '38%', |
|
|
|
left: '6%', |
|
|
|
right: '6%', |
|
|
|
bottom: '3%', |
|
|
|
containLabel: true |
|
|
|
top: "38%", |
|
|
|
left: "6%", |
|
|
|
right: "6%", |
|
|
|
bottom: "3%", |
|
|
|
containLabel: true, |
|
|
|
}, |
|
|
|
tooltip: { |
|
|
|
trigger: 'item', |
|
|
|
formatter: '{b} : {c}:{d}' |
|
|
|
trigger: "item", |
|
|
|
// formatter: "{b} : {c}:{d}",
|
|
|
|
}, |
|
|
|
legend: { |
|
|
|
orient: '', |
|
|
|
left: '0%', |
|
|
|
top: '68%', |
|
|
|
orient: "vertical", |
|
|
|
height: "80px", |
|
|
|
// left: "0%",
|
|
|
|
top: "68%", |
|
|
|
itemWidth: 10, |
|
|
|
itemHeight: 10, |
|
|
|
icon:"circle", |
|
|
|
icon: "circle", |
|
|
|
textStyle: { |
|
|
|
color: "#ffffff", |
|
|
|
fontSize: 14, |
|
|
|
lineHeight: 22, |
|
|
|
rich: { |
|
|
|
text: { |
|
|
|
marginLeft:32, |
|
|
|
width: 80, |
|
|
|
marginLeft: 32, |
|
|
|
fontSize: 14, |
|
|
|
}, |
|
|
|
number: { |
|
|
|
fontSize: 14, |
|
|
|
color: "#37E7FF", |
|
|
|
marginLeft:32, |
|
|
|
fontWeight: 'bold' |
|
|
|
marginLeft: 32, |
|
|
|
fontWeight: "bold", |
|
|
|
}, |
|
|
|
unit: { |
|
|
|
fontSize: 14, |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
data: legendData, |
|
|
|
formatter(name) { |
|
|
|
@ -135,242 +140,249 @@ function getCirlPoint(x0, y0, r, angle) { |
|
|
|
} |
|
|
|
} |
|
|
|
var percert = total == 0 ? 0 : ((tarValue / total) * 100).toFixed(2); |
|
|
|
const arr = name + ' ' + tarValue; |
|
|
|
return `{text|${name}} {number|${percert}%}`;; |
|
|
|
const arr = name + " " + tarValue; |
|
|
|
return `{text|${name}} {number|${percert}%}`; |
|
|
|
}, |
|
|
|
pageIconColor: "#fff", |
|
|
|
pageIconSize: 10, |
|
|
|
pageTextStyle: { |
|
|
|
color: "#fff", |
|
|
|
}, |
|
|
|
type: "scroll", |
|
|
|
pageButtonPosition: "end", |
|
|
|
}, |
|
|
|
series: [ |
|
|
|
/** 饼图上刻度 */ |
|
|
|
{ |
|
|
|
type: 'gauge', |
|
|
|
center: ['50%', '35%'], |
|
|
|
radius: '46%', // 错位调整此处
|
|
|
|
type: "gauge", |
|
|
|
center: ["50%", "35%"], |
|
|
|
radius: "46%", // 错位调整此处
|
|
|
|
startAngle: 0, |
|
|
|
endAngle: 360, |
|
|
|
splitNumber: 52, |
|
|
|
axisLine: { show: false }, |
|
|
|
splitLine: { |
|
|
|
// length: 39,
|
|
|
|
length: '2', |
|
|
|
length: "2", |
|
|
|
lineStyle: { |
|
|
|
width: 5, |
|
|
|
color: '#5CC5FF' |
|
|
|
} |
|
|
|
color: "#5CC5FF", |
|
|
|
}, |
|
|
|
}, |
|
|
|
axisTick: { show: false }, |
|
|
|
axisLabel: { show: false } |
|
|
|
axisLabel: { show: false }, |
|
|
|
}, |
|
|
|
/** 绘制外部圆弧-2-开始圆点 <left-top> */ |
|
|
|
{ |
|
|
|
type: 'custom', |
|
|
|
coordinateSystem: 'none', |
|
|
|
type: "custom", |
|
|
|
coordinateSystem: "none", |
|
|
|
renderItem: (params, api) => { |
|
|
|
let x0 = api.getWidth() / 2; |
|
|
|
let y0 = api.getHeight() / 2 - 59; |
|
|
|
let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50; |
|
|
|
let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.5; |
|
|
|
return { |
|
|
|
type: 'circle', |
|
|
|
type: "circle", |
|
|
|
shape: { |
|
|
|
/** 角度175° 外弧2开始角度 */ |
|
|
|
cx: x0 + r * Math.cos((350 + -angle) * Math.PI / 180), |
|
|
|
cy: y0 + r * Math.sin((350 + -angle) * Math.PI / 180), |
|
|
|
r: 4 |
|
|
|
cx: x0 + r * Math.cos(((350 + -angle) * Math.PI) / 180), |
|
|
|
cy: y0 + r * Math.sin(((350 + -angle) * Math.PI) / 180), |
|
|
|
r: 4, |
|
|
|
}, |
|
|
|
style: { |
|
|
|
fill: '#5BC4FF', |
|
|
|
stroke: '#5BC4FF' |
|
|
|
fill: "#5BC4FF", |
|
|
|
stroke: "#5BC4FF", |
|
|
|
}, |
|
|
|
silent: true |
|
|
|
} |
|
|
|
silent: true, |
|
|
|
}; |
|
|
|
}, |
|
|
|
data: [0] |
|
|
|
data: [0], |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: 'custom', |
|
|
|
coordinateSystem: 'none', |
|
|
|
type: "custom", |
|
|
|
coordinateSystem: "none", |
|
|
|
renderItem: (params, api) => { |
|
|
|
return { |
|
|
|
type: 'arc', |
|
|
|
type: "arc", |
|
|
|
shape: { |
|
|
|
cx: api.getWidth() / 2, |
|
|
|
cy: api.getHeight() / 2 - 59, |
|
|
|
r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50, |
|
|
|
startAngle: (350 + -angle) * Math.PI / 180, |
|
|
|
endAngle: (120 + -angle) * Math.PI / 180 |
|
|
|
r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.5, |
|
|
|
startAngle: ((350 + -angle) * Math.PI) / 180, |
|
|
|
endAngle: ((120 + -angle) * Math.PI) / 180, |
|
|
|
}, |
|
|
|
style: { |
|
|
|
fill: 'transparent', |
|
|
|
stroke: '#5BC4FF66', |
|
|
|
lineWidth: 2.6 |
|
|
|
fill: "transparent", |
|
|
|
stroke: "#5BC4FF66", |
|
|
|
lineWidth: 2.6, |
|
|
|
}, |
|
|
|
silent: true |
|
|
|
} |
|
|
|
silent: true, |
|
|
|
}; |
|
|
|
}, |
|
|
|
data: [0] |
|
|
|
data: [0], |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: 'custom', |
|
|
|
coordinateSystem: 'none', |
|
|
|
type: "custom", |
|
|
|
coordinateSystem: "none", |
|
|
|
renderItem: (params, api) => { |
|
|
|
let x0 = api.getWidth() / 2; |
|
|
|
let y0 = api.getHeight() / 2 - 59; |
|
|
|
let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50; |
|
|
|
let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.5; |
|
|
|
return { |
|
|
|
type: 'circle', |
|
|
|
type: "circle", |
|
|
|
shape: { |
|
|
|
/** 角度175° 外弧2开始角度 */ |
|
|
|
cx: x0 + r * Math.cos((150 + -angle) * Math.PI / 180), |
|
|
|
cy: y0 + r * Math.sin((150 + -angle) * Math.PI / 180), |
|
|
|
r: 4 |
|
|
|
cx: x0 + r * Math.cos(((150 + -angle) * Math.PI) / 180), |
|
|
|
cy: y0 + r * Math.sin(((150 + -angle) * Math.PI) / 180), |
|
|
|
r: 4, |
|
|
|
}, |
|
|
|
style: { |
|
|
|
fill: '#5BC4FF', |
|
|
|
stroke: '#5BC4FF' |
|
|
|
fill: "#5BC4FF", |
|
|
|
stroke: "#5BC4FF", |
|
|
|
}, |
|
|
|
silent: true |
|
|
|
} |
|
|
|
silent: true, |
|
|
|
}; |
|
|
|
}, |
|
|
|
data: [0] |
|
|
|
data: [0], |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: 'custom', |
|
|
|
coordinateSystem: 'none', |
|
|
|
type: "custom", |
|
|
|
coordinateSystem: "none", |
|
|
|
renderItem: (params, api) => { |
|
|
|
return { |
|
|
|
type: 'arc', |
|
|
|
type: "arc", |
|
|
|
shape: { |
|
|
|
cx: api.getWidth() / 2, |
|
|
|
cy: api.getHeight() / 2 - 59, |
|
|
|
r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.50, |
|
|
|
startAngle: (150 + -angle) * Math.PI / 180, |
|
|
|
endAngle: (-30 + -angle) * Math.PI / 180 |
|
|
|
r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.5, |
|
|
|
startAngle: ((150 + -angle) * Math.PI) / 180, |
|
|
|
endAngle: ((-30 + -angle) * Math.PI) / 180, |
|
|
|
}, |
|
|
|
style: { |
|
|
|
fill: 'transparent', |
|
|
|
stroke: '#5BC4FF66', |
|
|
|
lineWidth: 2.6 |
|
|
|
fill: "transparent", |
|
|
|
stroke: "#5BC4FF66", |
|
|
|
lineWidth: 2.6, |
|
|
|
}, |
|
|
|
silent: true |
|
|
|
} |
|
|
|
silent: true, |
|
|
|
}; |
|
|
|
}, |
|
|
|
data: [0] |
|
|
|
data: [0], |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: 'custom', |
|
|
|
coordinateSystem: 'none', |
|
|
|
type: "custom", |
|
|
|
coordinateSystem: "none", |
|
|
|
renderItem: (params, api) => { |
|
|
|
let x0 = api.getWidth() / 2; |
|
|
|
let y0 = api.getHeight() / 2 - 59; |
|
|
|
let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56; |
|
|
|
let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.56; |
|
|
|
return { |
|
|
|
type: 'circle', |
|
|
|
type: "circle", |
|
|
|
shape: { |
|
|
|
/** 角度175° 外弧2开始角度 */ |
|
|
|
cx: x0 + r * Math.cos((590 + -angle) * Math.PI / 180), |
|
|
|
cy: y0 + r * Math.sin((590 + -angle) * Math.PI / 180), |
|
|
|
r: 4 |
|
|
|
cx: x0 + r * Math.cos(((590 + -angle) * Math.PI) / 180), |
|
|
|
cy: y0 + r * Math.sin(((590 + -angle) * Math.PI) / 180), |
|
|
|
r: 4, |
|
|
|
}, |
|
|
|
style: { |
|
|
|
fill: '#5BC4FF', |
|
|
|
stroke: '#5BC4FF' |
|
|
|
fill: "#5BC4FF", |
|
|
|
stroke: "#5BC4FF", |
|
|
|
}, |
|
|
|
silent: true |
|
|
|
} |
|
|
|
silent: true, |
|
|
|
}; |
|
|
|
}, |
|
|
|
data: [0] |
|
|
|
data: [0], |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: 'custom', |
|
|
|
coordinateSystem: 'none', |
|
|
|
type: "custom", |
|
|
|
coordinateSystem: "none", |
|
|
|
renderItem: (params, api) => { |
|
|
|
return { |
|
|
|
type: 'arc', |
|
|
|
type: "arc", |
|
|
|
shape: { |
|
|
|
cx: api.getWidth() / 2, |
|
|
|
cy: api.getHeight() / 2 - 59, |
|
|
|
r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56, |
|
|
|
startAngle: (590 + -angle) * Math.PI / 180, |
|
|
|
endAngle: (350 + -angle) * Math.PI / 180 |
|
|
|
r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.56, |
|
|
|
startAngle: ((590 + -angle) * Math.PI) / 180, |
|
|
|
endAngle: ((350 + -angle) * Math.PI) / 180, |
|
|
|
}, |
|
|
|
style: { |
|
|
|
fill: 'transparent', |
|
|
|
stroke: '#5BC4FF66', |
|
|
|
lineWidth: 2.6 |
|
|
|
fill: "transparent", |
|
|
|
stroke: "#5BC4FF66", |
|
|
|
lineWidth: 2.6, |
|
|
|
}, |
|
|
|
silent: true |
|
|
|
} |
|
|
|
silent: true, |
|
|
|
}; |
|
|
|
}, |
|
|
|
data: [0] |
|
|
|
data: [0], |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: 'custom', |
|
|
|
coordinateSystem: 'none', |
|
|
|
type: "custom", |
|
|
|
coordinateSystem: "none", |
|
|
|
renderItem: (params, api) => { |
|
|
|
let x0 = api.getWidth() / 2; |
|
|
|
let y0 = api.getHeight() / 2 - 59; |
|
|
|
let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56; |
|
|
|
let r = (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.56; |
|
|
|
return { |
|
|
|
type: 'circle', |
|
|
|
type: "circle", |
|
|
|
shape: { |
|
|
|
/** 角度175° 外弧2开始角度 */ |
|
|
|
cx: x0 + r * Math.cos((90 + -angle) * Math.PI / 180), |
|
|
|
cy: y0 + r * Math.sin((90 + -angle) * Math.PI / 180), |
|
|
|
r: 4 |
|
|
|
cx: x0 + r * Math.cos(((90 + -angle) * Math.PI) / 180), |
|
|
|
cy: y0 + r * Math.sin(((90 + -angle) * Math.PI) / 180), |
|
|
|
r: 4, |
|
|
|
}, |
|
|
|
style: { |
|
|
|
fill: '#5BC4FF', |
|
|
|
stroke: '#5BC4FF' |
|
|
|
fill: "#5BC4FF", |
|
|
|
stroke: "#5BC4FF", |
|
|
|
}, |
|
|
|
silent: true |
|
|
|
} |
|
|
|
silent: true, |
|
|
|
}; |
|
|
|
}, |
|
|
|
data: [0] |
|
|
|
data: [0], |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: 'custom', |
|
|
|
coordinateSystem: 'none', |
|
|
|
type: "custom", |
|
|
|
coordinateSystem: "none", |
|
|
|
renderItem: (params, api) => { |
|
|
|
return { |
|
|
|
type: 'arc', |
|
|
|
type: "arc", |
|
|
|
shape: { |
|
|
|
cx: api.getWidth() / 2, |
|
|
|
cy: api.getHeight() / 2 - 59, |
|
|
|
r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.56, |
|
|
|
startAngle: (90 + -angle) * Math.PI / 180, |
|
|
|
endAngle: (160 + -angle) * Math.PI / 180 |
|
|
|
r: (Math.min(api.getWidth(), api.getHeight()) / 2) * 0.56, |
|
|
|
startAngle: ((90 + -angle) * Math.PI) / 180, |
|
|
|
endAngle: ((160 + -angle) * Math.PI) / 180, |
|
|
|
}, |
|
|
|
style: { |
|
|
|
fill: 'transparent', |
|
|
|
stroke: '#5BC4FF66', |
|
|
|
lineWidth: 2.6 |
|
|
|
fill: "transparent", |
|
|
|
stroke: "#5BC4FF66", |
|
|
|
lineWidth: 2.6, |
|
|
|
}, |
|
|
|
silent: true |
|
|
|
} |
|
|
|
silent: true, |
|
|
|
}; |
|
|
|
}, |
|
|
|
data: [0] |
|
|
|
data: [0], |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: 'pie', |
|
|
|
radius: ['45%', '40%'], |
|
|
|
center: ['50%', '35%'], |
|
|
|
type: "pie", |
|
|
|
radius: ["45%", "40%"], |
|
|
|
center: ["50%", "35%"], |
|
|
|
z: 10, |
|
|
|
label: { |
|
|
|
show: false, |
|
|
|
position: 'center', |
|
|
|
position: "center", |
|
|
|
formatter: (params) => { |
|
|
|
return params.name + "\r\n" + params.value |
|
|
|
return params.name + "\r\n" + params.value; |
|
|
|
}, |
|
|
|
rich: { |
|
|
|
total: { |
|
|
|
fontSize: 16, |
|
|
|
color: '#04F5FE', |
|
|
|
color: "#04F5FE", |
|
|
|
}, |
|
|
|
efficiency: { |
|
|
|
fontSize: 12, |
|
|
|
color: '#00FD6D', |
|
|
|
color: "#00FD6D", |
|
|
|
}, |
|
|
|
}, |
|
|
|
color: '#FFFFFF', |
|
|
|
color: "#FFFFFF", |
|
|
|
fontSize: 12, |
|
|
|
lineHeight: 16, |
|
|
|
}, |
|
|
|
@ -380,16 +392,17 @@ function getCirlPoint(x0, y0, r, angle) { |
|
|
|
}, |
|
|
|
itemStyle: { |
|
|
|
normal: { |
|
|
|
borderWidth: 6, |
|
|
|
shadowBlur: 10, |
|
|
|
borderRadius: 50, // 圆角
|
|
|
|
} |
|
|
|
} |
|
|
|
borderRadius: "5", |
|
|
|
borderWidth: 4, |
|
|
|
borderType: "solid", |
|
|
|
borderColor: "#0C2D3A", |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: 'pie', |
|
|
|
radius: ['29%', '39%'], |
|
|
|
center: ['50%', '35%'], |
|
|
|
type: "pie", |
|
|
|
radius: ["29%", "39%"], |
|
|
|
center: ["50%", "35%"], |
|
|
|
label: { |
|
|
|
show: false, |
|
|
|
}, |
|
|
|
@ -399,14 +412,14 @@ function getCirlPoint(x0, y0, r, angle) { |
|
|
|
}, |
|
|
|
itemStyle: { |
|
|
|
normal: { |
|
|
|
borderWidth: 6, |
|
|
|
shadowBlur: 10, |
|
|
|
borderRadius: 0, // 圆角
|
|
|
|
} |
|
|
|
} |
|
|
|
borderRadius: "5", |
|
|
|
borderWidth: 4, |
|
|
|
borderType: "solid", |
|
|
|
borderColor: "#0C2D3A", |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
], |
|
|
|
}; |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
export default options |
|
|
|
export default options; |
|
|
|
|
zhangzhang
1 year ago