option = {
backgroundColor: '#fff',
color: ['#FF0000', '#FF0000', '#0F870F', '#0000FF'],
tooltip: {
trigger: 'axis'
},
title: [{
text: '配方：SMA13 总重：5076kg 时间：2022-12-01 00:20:46',
right: '5%',
bottom: '10%',
textStyle: {
color: '#333',
fontSize:12,
fontWeight:400
}
},
{
text: '',
right: '5%',
bottom: '14%',
textStyle: {
color: 'red',
fontSize:12,
fontWeight:400
}
}],
legend: {
data: ['上限', '下限', '目标', '当前值'],
textStyle: {
// color: '33FFFF',
fontSize: 14
},
itemWidth: 15,
itemHeight: 15,
itemGap: 35
},
grid: {
left: '1%',
right: '5%',
top: '16%',
bottom: '6%',
containLabel: true
},
toolbox: {
"show": false,
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
"axisLine": {
lineStyle: {
color: '#CCCCCC'
}
},
"axisTick": {
"show": false
},
axisLabel: {
textStyle: {
color: '#D5D5D5'
}
},
splitLine: {
show: true,
lineStyle: {
color: '#DBDBDB',
type: 'solid',
width: '0.5'
}
},
data: ['0.075', '0.15', '0.3', '0.6', '1.18', '2.36', '4.75', '9.5', '13.2', '16', '19', '26.5', '31.5', '37.5']
},
yAxis: {
"axisLine": {
lineStyle: {
color: '#333'
}
},
name: "通过率",
splitLine: {
show: true,
lineStyle: {
color: '#DBDBDB',
type: 'solid',
width: '0.5'
}
},
"axisTick": {
"show": false
},
axisLabel: {
textStyle: {
color: '#333'
},
formatter: '{value}%',
},
type: 'value'
},
series: [
{
name: '上限',
type: 'line',
symbolSize: 0,
lineStyle: {
normal: {
color: '#FF0000',
width: 0.5,
type: 'dotted'
}
},
data: [18, 18, 22, 25, 25, 30, 40, 77, 100, 100, 100, 100, 100, 100]
}, {
name: '下限',
type: 'line',
symbolSize: 0,
lineStyle: {
normal: {
color: '#FF0000',
width: 0.5,
type: 'dotted'
}
},
data: [0, 5, 0, 3, 5, 10, 15, 45, 75, 100, 100, 100, 100, 100]
}, {
name: '目标',
type: 'line',
symbolSize: 0,
lineStyle: {
normal: {
color: '#0F870F',
width: 0.5,
type: 'dotted'
}
},
data: [9.9, 11.3, 12.3, 13.4, 15.6, 19.9, 26.8, 57.7, 90.8, 100, 100, 100, 100, 100]
}, {
name: '当前值',
// smooth: true,
type: 'line',
symbolSize: 5,
symbol: 'circle',
itemStyle: {
normal: {
color: '#0000FF',
label: {
show: true,
position: 'top',
textStyle: {
color: '#0000FF',
}
}
}
},
lineStyle: {
normal: {
width: 0.8,
}
},
data: [8.6, 10.6, 12.7, 13.8, 16.4, 21.2, 27.8, 59.4, 91.2, 100, 100, 100, 100, 100]
},
{
name: '石油比',
type: 'gauge',
center: ['18%', '33%'],
splitNumber: 5,
radius: '30%',
startAngle: 165,
endAngle: 15,
min: 4.45,
max: 7.55,
pointer: {
length: "70%",
width: 3,
itemStyle: {
color: 'auto'
}
},
axisLine: { // 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
width: 10,
color: [[0.25, '#343FE0'], [0.75, '#237D1E'], [1, '#BF4753']]
}
},
axisTick: { // 坐标轴小标记
length: 14, // 属性length控制线长
lineStyle: { // 属性lineStyle控制线条样式
color: 'auto'
}
},
splitLine: { // 分隔线
length: 17, // 属性length控制线长
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
color: 'auto',
width: 2,
}
},
detail: { show: false, formatter: '{value}%' },
data: [{
value: 6.1, name: '石油比' + '6.1%', title: {
offsetCenter: [0, '-20%'], color: '#000',
fontSize: 10
}
}]
// data: [{ value: 5, name: '健康率' }]
},
{
name: '温度',
type: 'gauge',
center: ['18%', '50%'],
splitNumber: 5,
radius: '30%',
startAngle: 165,
endAngle: 15,
min: 158,
max: 208,
pointer: {
length: "70%",
width: 3,
itemStyle: {
color: 'auto'
}
},
axisLine: { // 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
width: 10,
color: [[0.25, '#343FE0'], [0.75, '#237D1E'], [1, '#BF4753']]
}
},
axisTick: { // 坐标轴小标记
length: 14, // 属性length控制线长
lineStyle: { // 属性lineStyle控制线条样式
color: 'auto'
}
},
splitLine: { // 分隔线
length: 17, // 属性length控制线长
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
color: 'auto',
width: 2,
}
},
detail: { show: false, formatter: '{value}%' },
data: [{
value: 185, name: '温度' + '185%', title: {
offsetCenter: [0, '-20%'], color: '#000',
fontSize: 12
}
}]
}]
}