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