7 changed files with 491 additions and 6 deletions
@ -0,0 +1,183 @@ |
|||||
|
import { options } from "runjs"; |
||||
|
|
||||
|
let data = [100, 0, 0, 0, 40, 40,40, 64,40, 64,40, 64] |
||||
|
let indicator = [ |
||||
|
|
||||
|
{ name: '智能设备箱', max: 100 }, |
||||
|
{ name: '智能行车诱导系统', max: 100 }, |
||||
|
{ name: '一类交通量调查站', max: 100 }, |
||||
|
{ name: '激光疲劳唤醒系统', max: 100 }, |
||||
|
{ name: '合流区预警系统', max: 100 }, |
||||
|
{ name: '毫米波雷达', max: 100 }, |
||||
|
{ name: '护碰撞预警系统', max: 100 }, |
||||
|
{ name: '路段语音广播系统', max: 100 }, |
||||
|
{ name: '气象检测器', max: 100 }, |
||||
|
{ name: '站前悬臂式可变信息标志', max: 100 }, |
||||
|
{ name: '雨棚可变信息标志', max: 100 }, |
||||
|
{ name: '门架式可变信息标志', max: 100 }, |
||||
|
{ name: '180°全景摄像机', max: 100 }, |
||||
|
{ name: '360°全景摄像机', max: 100 }, |
||||
|
{ name: '高清网络枪型固定摄像机', max: 100 }, |
||||
|
{ name: '高清网络球形摄像机', max: 100 }, |
||||
|
] |
||||
|
|
||||
|
let options = { |
||||
|
backgroundColor: '#000928', |
||||
|
tooltip: {}, |
||||
|
radar: { |
||||
|
center: ['50%', '50%'], |
||||
|
radius: '75%', |
||||
|
nameGap: 0, |
||||
|
indicator: indicator, |
||||
|
splitLine: { |
||||
|
show: false |
||||
|
|
||||
|
}, |
||||
|
splitArea: { |
||||
|
show: false |
||||
|
}, |
||||
|
axisLine: { |
||||
|
show: true |
||||
|
}, |
||||
|
name: { |
||||
|
textStyle: { |
||||
|
color: '#F2F3F5', |
||||
|
fontSize: '20', |
||||
|
borderRadius: 3, |
||||
|
padding: [3, 5] |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
series: [{ |
||||
|
type: 'radar', |
||||
|
data: [data], |
||||
|
name: '安全作业', |
||||
|
label: { |
||||
|
show: true, |
||||
|
formatter: function (params) { |
||||
|
console.log(params) |
||||
|
return params.value; |
||||
|
}, |
||||
|
color: '#fff', |
||||
|
// position:[-20,-10,-10,-10],
|
||||
|
align: 'right', |
||||
|
distance: 10, |
||||
|
align: 'right' |
||||
|
}, |
||||
|
symbolSize: 10, |
||||
|
lineStyle: { //边缘颜色
|
||||
|
width: 2, |
||||
|
color: '#2287FE' |
||||
|
}, |
||||
|
itemStyle: { |
||||
|
borderWidth: 0, |
||||
|
color: '#ffffff00', |
||||
|
borderColor: '#2287F00', |
||||
|
}, |
||||
|
areaStyle: { |
||||
|
color: '#2287FE60', |
||||
|
opacity: 1 |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
type: 'radar', |
||||
|
name: '安全作业', |
||||
|
data: [ |
||||
|
[100, 100, 100, 100, 100, 100, 100, 100,100, 100, 100, 100, 100, 100, 100, 100], |
||||
|
], |
||||
|
|
||||
|
symbol: 'none', |
||||
|
lineStyle: { |
||||
|
width: 1 |
||||
|
}, |
||||
|
itemStyle: { |
||||
|
color: '#2AD1BC' |
||||
|
}, |
||||
|
|
||||
|
areaStyle: { |
||||
|
color: '#2AD1BC29', |
||||
|
opacity: 0.1 |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
type: 'radar', |
||||
|
name: '安全作业', |
||||
|
data: [ |
||||
|
[80, 80, 80, 80, 80, 80, 80, 80,80, 80, 80, 80, 80, 80, 80, 80] |
||||
|
], |
||||
|
|
||||
|
symbol: 'none', |
||||
|
lineStyle: { |
||||
|
width: 1 |
||||
|
}, |
||||
|
itemStyle: { |
||||
|
color: '#2AD1BC' |
||||
|
}, |
||||
|
|
||||
|
areaStyle: { |
||||
|
color: '#2AD1BC29', |
||||
|
opacity: 0.2 |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
type: 'radar', |
||||
|
name: '安全作业', |
||||
|
data: [ |
||||
|
[60, 60, 60, 60, 60, 60, 60, 60,60, 60, 60, 60, 60, 60, 60, 60], |
||||
|
], |
||||
|
|
||||
|
symbol: 'none', |
||||
|
lineStyle: { |
||||
|
width: 1 |
||||
|
}, |
||||
|
itemStyle: { |
||||
|
color: '#2AD1BC' |
||||
|
}, |
||||
|
|
||||
|
areaStyle: { |
||||
|
color: '#2AD1BC29', |
||||
|
opacity: 0.1 |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
type: 'radar', |
||||
|
name: '安全作业', |
||||
|
data: [ |
||||
|
[40, 40, 40, 40, 40, 40, 40, 40,40, 40, 40, 40, 40, 40, 40, 40], |
||||
|
], |
||||
|
symbol: 'none', |
||||
|
lineStyle: { |
||||
|
width: 1 |
||||
|
}, |
||||
|
itemStyle: { |
||||
|
color: '#2AD1BC' |
||||
|
}, |
||||
|
|
||||
|
areaStyle: { |
||||
|
color: '#2AD1BC29', |
||||
|
opacity: 0.1 |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
type: 'radar', |
||||
|
name: '安全作业', |
||||
|
data: [ |
||||
|
[20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20], |
||||
|
], |
||||
|
symbol: 'none', |
||||
|
lineStyle: { |
||||
|
width: 1 |
||||
|
}, |
||||
|
itemStyle: { |
||||
|
color: '#2AD1BC' |
||||
|
}, |
||||
|
|
||||
|
areaStyle: { |
||||
|
color: '#2AD1BC29', |
||||
|
opacity: 0.1 |
||||
|
} |
||||
|
}, |
||||
|
] |
||||
|
}; |
||||
|
|
||||
|
export default options; |
||||
Loading…
Reference in new issue