// 仪表盘外围的数字
const standard = ['高', '中1', '初', '正常', '初', '中', '高',]
var a = 23.08
var b = 7.69
var c = 7.69
var d = 23.08
var e = 7.69
var f = 7.69
var g = 23.08
var arr = [0, a, a + b, a + b + c, a + b + c + d, a + b + c + d + e, a + b + c + d + e + f, 100]
// 拥挤度对假数据区分
// const arr = [0, 25, 50, 75, 100]
option = {
backgroundColor: '#072B79',
series: [
{
name: '刻度',
type: 'gauge',
radius: '78%',
z: 500,
min: 100,
max: 230,
startAngle: 165,
endAngle: 15,
// startAngle: 165,
// endAngle: 15,
center: ['50%', '60%'],
splitNumber: 4, //刻度数量
// startAngle: 180,
// endAngle: 0,
pointer: {//仪表盘指针
show: true,
width: 20,
length: 30,
icon: 'triangle',
offsetCenter: [0, '-70%'],
itemStyle: {
color: 'auto'
}
},
axisLine: {
show: true,
distance: 10,
lineStyle: {
width: 10,
color: [
// 'red','green','blue','#fff','red','green','blue'
// [1 / 4,'red'],
// [1 / 2,'green'],
// [3 / 4, '#00d6f6'],
// [1,'#00f846'],
[a / 100, '#F56C6C'],
[(a + b) / 100, '#E6A23C'],
[(a + b + c) / 100, '#409eff'],
[(a + b + c + d) / 100, '#67C23A'],
[(a + b + c + d + e) / 100, '#409eff'],
[(a + b + c + d + e + f) / 100, '#E6A23C'],
[1, '#F56C6C'],
],
},
}, //仪表盘轴线
// axisLabel: {
// show: true,
// }, //刻度标签。
axisTick: {
splitNumber: 10,
distance: 13,
show: true,
lineStyle: {
color: 'auto',
width: 1,
},
length: 10,
}, //刻度样式
splitLine: {
show: true,
distance: 10,
lineStyle: {
color: 'auto',
width: 4,
},
length: 20,
}, //分隔线样式
title: {
color: '#fff',
offsetCenter: [0, '-35%'],
fontSize: 27
},
detail: {
formatter: function (value) {
var num = Math.round(value);
return '{bule|' + num + '}{bule|℃}';
},
rich: {
bule: {
fontSize: 30,
fontFamily: 'siyuan',
color: 'auto',
fontWeight: '500',
},
},
offsetCenter: ['0%', '-10%'],
},
data: [{
name: '温度',
value: 150,
}]
// data: [{
// value: 165, name: '温度' + '185%', title: {
// offsetCenter: [0, '-20%'], color: '#000',
// fontSize: 12
// }
// }]
},
{
name: '描述',
type: 'gauge',
radius: '77%',
center: ['50%', '60%'],
splitNumber: 3, //刻度数量
startAngle: 165,
endAngle: 15,
z: 0,
axisLine: {
show: false,
},
axisLabel: {
show: true,
distance: -50,
formatter: (val) => {
val = Number(val)
for (let i = 0; i < arr.length; i++) {
if (val > arr[i] && val <= arr[i + 1]) {
return standard[i]
}
if (val === arr[0]) {
return standard[0]
}
}
},
color: '#ffffff',
fontSize: 30
},
axisTick: {
show: false,
}, //刻度样式
splitLine: {
show: false,
length: 0,
lineStyle: {
color: 'auto',
width: 0,
},
}, //分隔线样式
detail: {
show: false,
},
},
],
};