You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1050 lines
28 KiB
JavaScript

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

import { i18n } from './index.js'
//初始化图表options
// GIS
let PRPDGIS = '';
// GIL
let PRPDGIL = '';
let GIL1 = '';
let GIL2 = '';
let GIL3 = '';
let GIL4 = '';
// 电缆局放
let CPD = '', CPD1 = '';
export const loadOption = () => {
CPD = {
backgroundColor: '#ffffff',
title: {
// text: '幅值趋势图' ,
left: 'center',
top: 5,
textStyle: {
fontSize: 16,
color: '#000000'
}
},
// animation: false,
tooltip: {
show: false,
},
color: ["#35C822", '#1f8ffd', '#fd1f44', '#ff9933', '#660099'],
legend: {
left: 'center',
top: 10,
data: ['脉冲最大值', '脉冲数量'],
textStyle: {
color: "#92A3A8",
fontsize: 5
},
// selected: {
// "Discharge phase": false,
// "放电相位": false,
// "фаза разряда": false,
// },
type: 'scroll',
width: '50%'
},
tooltip: {
trigger: 'axis',
//trigger: 'item',
axisPointer: {
type: 'cross',
animation: false,
label: {
backgroundColor: '#92A3A8'
}
}
},
xAxis: [{
type: 'category',
data:[],
axisLine: {
lineStyle: {
color: '#92A3A8'
}
},
axisLabel: { //调整x轴的lable
textStyle: {
color: '#92A3A8'
}
},
offset: -20,
}],
yAxis: [{
type: 'value',
min: -80,
max: 0,
name: 'dBm',
nameLocation: 'end',
splitNumber: 1,
// nameGap:'30',
// interval:10,
axisLine: {
lineStyle: { color: '#000000', opacity: 0.1 }
},
axisPointer: {
lineStyle: { color: '#000000' },
lineStyle: { color: '#000000' },
},
},
{
type: 'value',
min: 0,
max: 3600,
position: 'right',
name: '',
nameLocation: 'end',
splitNumber: 1,
// nameGap:'30',
// interval:10,
axisLine: {
lineStyle: { color: '#000000', opacity: 0.1 }
},
axisPointer: {
lineStyle: { color: '#000000' },
lineStyle: { color: '#000000' },
},
}],
dataZoom: [{
show: false,
realtime: true,
start: 0,
end: 100,
// backgroundColor:'#d'
textStyle: {
color: "#92A3A8"
},
}, {
type: 'inside',
realtime: true,
start: 5,
end: 85
}],
axisPointer: {
show: true,
snap: true,
lineStyle: {
type: 'dashed',
},
label: {
show: true,
margin: 6,
backgroundColor: '#556',
color: '#fff'
},
},
grid: {
left: 28,
right: 42,
bottom: 18,
top: 30,
x: 0,
y: 0,
x2: 0,
y2: 0,
// borderWidth: 1,
show: false,
containLabel: true
},
series: [{
name: '脉冲最大值',
type: 'line',
data:[],
//data: [['9:01:01', -20], ['9:01:02', -22], ['9:01:03', -24], ['9:01:04', -26], ['9:01:05', -20], ['9:01:06', -28]],
smooth: true,
showSymbol: false,
symbolSize: 1,
animation: false,
itemStyle: {
color: "#1f8ffd",
},
yAxisIndex: 0,
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#1f8ffd'
}, {
offset: 0.8,
color: 'rgba(87,114,199, 0)'
}], false),
shadowColor: 'rgba(0, 0, 0, 0.1)',
shadowBlur: 10,
origin: 'start',
},
// symbol: 'circle',
itemStyle: {
color: '#1f8ffd',
borderColor: 'rgba(31, 143, 253,0.57)',
borderWidth: 12
},
},
{
name: '脉冲数量',
type: 'line',
data:[],
//data: [['9:01:01', 3100], ['9:01:02', 3000], ['9:01:03', 3105], ['9:01:04', 3108], ['9:01:05', 3105], ['9:01:06', 2580]],
smooth: true,
showSymbol: false,
symbolSize: 1,
showAllSymbol: true,
animation: false,
itemStyle: {
color: "#fd1f44",
},
yAxisIndex: 1,
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#fd1f44'
}, {
offset: 0.8,
color: 'rgba(87,114,199, 0)'
}], false),
shadowColor: 'rgba(0, 0, 0, 0.1)',
shadowBlur: 10,
origin: 'start',
},
symbol: 'circle',
itemStyle: {
color: '#fd1f44',
borderColor: 'rgba(253, 31, 68,0.57)',
borderWidth: 12
},
}]
};
GIL1 = {
backgroundColor: '#000d13',
title: {
text: '飞行',
left: 'center',
top: 5,
textStyle: {
fontSize: 16,
color: 'rgba(255, 255, 255, 0.7)'
}
},
// animation: false,
visualMap: [{
type: 'continuous',
seriesIndex: 0,
type: 'piecewise',
// dimension :2,
pieces: [
/*{min: 16,color: '#820404'},
{min: 11, max: 15,color: '#f00'},
{min: 6, max: 10,color: '#ff9900'},
{min: 0,max: 5,color: '#ffff00'}*/
{ min: 15, color: '#d94e5d' },
{ min: 11, max: 14, color: '#e28b4a' },
{ min: 8, max: 10, color: '#eac736' },
{ min: 6, max: 7, color: '#9db578' },
{ min: 4, max: 5, color: '#50a3ba' },
{ min: 0, max: 3, color: '#0082df' }
],
formatter: function (value, value2) {
if (value2 == "Infinity") {
return (value - 1) + "+";
}
return value2;
// return "";
},
itemWidth: 10,
orient: "vertical",
// inRange: {
// color: ['#313695','#9db578', '#fdae61', '#a50026']
// },
// splitNumber: 5,
textStyle: {
show: false,
color: '#fff',
},
// itemHeight:80,
right: 0,
top: 30,
// min:1,
// max:15,
calculable: true,
hoverLink: false,
// inverse:true,
// itemWidth:2,
textGap: 1,
orient: "vertical",
// inRange: {
// color: ['#0082df','#eac736', '#d94e5d', '#ee0000']
// },
// inRange: {
// color: ['#ffff00', '#ffcc00', '#ff9900','#ff6600','#ff3300','#ff0000']
// },
}],
tooltip: {
show: false,
},
toolbox: {
show: true,
orient: 'horizontal',
top: 0,
right: 0,
showTitle: false,
iconStyle: {
borderColor: '#fff'
},
emphasis: {
show: false,
iconStyle: {
borderColor: '#fff'
}
},
feature: {
mark: { show: true },
saveAsImage: { show: true }
}
},
xAxis: [{
type: 'value',
min: 0,
max: 1000,
// splitNumber:4,
// interval:90,
name: '时间' + 'ms',
nameLocation: 'center',
nameGap: '20',
axisLine: {
lineStyle: { color: '#fff', opacity: 0.1 }
},
axisPointer: {
lineStyle: { color: '#fff' },
label: {
precision: 0
}
},
}],
yAxis: [{
type: 'value',
min: 0,
max: 100,
// splitNumber:4,
name: 'mV',
nameLocation: 'end',
// nameGap:'30',
// interval:10,
axisLine: {
lineStyle: { color: '#fff', opacity: 0.1 }
},
axisPointer: {
lineStyle: { color: '#fff' },
lineStyle: { color: '#fff' },
},
}],
axisPointer: {
show: false,
snap: true,
lineStyle: {
type: 'dashed',
},
label: {
show: true,
margin: 6,
backgroundColor: '#556',
textStyle: {
color: '#fff'
}
},
},
grid: {
left: 60,
right: 60,
bottom: 40,
top: 40,
x: 0,
y: 0,
x2: 0,
y2: 0,
borderWidth: 1
},
series: [{
name: 'price-area',
type: 'scatter',
symbolSize: 2,
progressive: 0,
animation: false,
large: true, // 大规模散点图
itemStyle: {
color: "#0082df",
},
largeThreshold: 10,
}, {
name: 'price-area',
type: 'scatter',
symbolSize: 2,
progressive: 0,
animation: false,
large: true, // 大规模散点图
itemStyle: {
color: "#50a3ba",
},
largeThreshold: 10,
}, {
name: 'price-area',
type: 'scatter',
symbolSize: 2,
progressive: 0,
animation: false,
large: true, // 大规模散点图
itemStyle: {
color: "#9db578",
},
largeThreshold: 10,
}, {
name: 'price-area',
type: 'scatter',
symbolSize: 2,
progressive: 0,
animation: false,
large: true, // 大规模散点图
itemStyle: {
color: "#eac736",
},
largeThreshold: 10,
}, {
name: 'price-area',
type: 'scatter',
symbolSize: 2,
progressive: 0,
animation: false,
large: true, // 大规模散点图
itemStyle: {
color: "#e28b4a",
},
largeThreshold: 10,
}, {
name: 'price-area',
type: 'scatter',
symbolSize: 2,
progressive: 0,
animation: false,
large: true, // 大规模散点图
itemStyle: {
color: "#d94e5d",
},
largeThreshold: 10,
}]
};
GIL2 = {
backgroundColor: '#000d13',
title: {
text: '相位',
left: 'center',
top: 5,
textStyle: {
fontSize: 16,
color: 'rgba(255, 255, 255, 0.7)'
}
},
// animation: false,
tooltip: {
show: false,
},
toolbox: {
show: true,
orient: 'horizontal',
top: 0,
right: 0,
showTitle: false,
iconStyle: {
borderColor: '#fff'
},
emphasis: {
show: false,
iconStyle: {
borderColor: '#fff'
}
},
feature: {
mark: { show: true },
saveAsImage: { show: true }
}
},
xAxis: [{
type: 'value',
min: 0,
max: 1000,
// splitNumber:4,
// interval:90,
name: '时间' + 'ms',
nameLocation: 'center',
nameGap: '20',
axisLine: {
lineStyle: { color: '#fff', opacity: 0.1 }
},
axisPointer: {
lineStyle: { color: '#fff' },
label: {
precision: 0
}
},
}],
yAxis: [{
type: 'value',
min: 0,
max: 100,
name: 'mV',
nameLocation: 'end',
// splitNumber:4,
// nameGap:'30',
// interval:10,
axisLine: {
lineStyle: { color: '#fff', opacity: 0.1 }
},
axisPointer: {
lineStyle: { color: '#fff' },
lineStyle: { color: '#fff' },
},
}],
axisPointer: {
show: false,
snap: true,
lineStyle: {
type: 'dashed',
},
label: {
show: true,
margin: 6,
backgroundColor: '#556',
textStyle: {
color: '#fff'
}
},
},
grid: {
left: 70,
right: 50,
bottom: 40,
top: 40,
x: 0,
y: 0,
x2: 0,
y2: 0,
borderWidth: 1
},
series: [{
name: 'line',
type: 'line',
data: [],
smooth: true,
showSymbol: false,
symbolSize: 1,
animation: false,
itemStyle: {
color: "#5772c7",
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(87,114,199, 0.3)'
}, {
offset: 0.8,
color: 'rgba(87,114,199, 0)'
}], false),
shadowColor: 'rgba(0, 0, 0, 0.1)',
shadowBlur: 10,
origin: 'start',
},
symbol: 'circle',
itemStyle: {
color: 'rgb(87,114,199)',
borderColor: 'rgba(87,114,199,0.27)',
borderWidth: 12
},
}]
};
GIL3 = {
title: [
{
textBaseline: "middle",
left: '15%',
top: "10%",
text: " mV",
textStyle: {
color: '#fff',
fontSize: '12px'
}
},
{
textBaseline: "middle",
left: '15%',
top: "60%",
text: " mV",
textStyle: {
color: '#fff',
fontSize: '12px'
}
},
{
textBaseline: "middle",
right: '10',
top: "35%",
text: "",
textStyle: {
color: '#fff',
fontSize: '12px'
}
},
{
textBaseline: "middle",
right: '10',
top: "85%",
text: "",
textStyle: {
color: '#fff',
fontSize: '12px'
}
},
],
xAxis: [
{
type: "value",
min: '0',
max: '100',
interval: 900000000,
// show:false,
position: 'top',
gridIndex: 0,
axisLabel: {
showMaxLabel: true,
color: '#fff'
},
axisLine: {
lineStyle: { color: '#fff', opacity: 0.1 }
},
},
{
type: "value",
show: false,
gridIndex: 1,
},
{
type: "value",
min: '0',
max: '100',
interval: 900000000,
// show:false,
position: 'top',
gridIndex: 2,
axisLabel: {
showMaxLabel: true,
color: '#fff'
},
axisLine: {
lineStyle: { color: '#fff', opacity: 0.1 }
},
},
{
type: "value",
show: false,
gridIndex: 3,
},
],
yAxis: [
{
type: "category",
show: false,
axisLine: {
onZero: false
},
gridIndex: 0,
},
{
type: "value",
gridIndex: 1,
// min:'0',
// max:'150',
show: false
},
{
type: "category",
show: false,
gridIndex: 2,
},
{
type: "value",
// min:'0',
// max:'150',
gridIndex: 3,
show: false
},
],
grid: [
{
height: "15%",
top: "20%",
right: "60",
show: true,
borderColor: "#eee",
borderWidth: 2,
},
{
height: "15%",
top: "35%",
right: "60",
show: true,
borderColor: "#eee",
borderWidth: 2
},
{
height: "15%",
top: "70%",
right: "60",
show: true,
borderColor: "#eee",
borderWidth: 2
},
{
height: "15%",
top: "85%",
right: "60",
show: true,
borderColor: "#eee",
borderWidth: 2
},
],
visualMap: [
{
type: "continuous",
seriesIndex: 0,
min: 0,
max: 100,
show: false,
itemWidth: 5,
orient: "vertical",
dimension: 0,
inRange: {
color: ['#00ee00', '#eeee00', '#ee0000', '#4e0211']
},
},
{
type: "continuous",
seriesIndex: 2,
min: 0,
max: 100,
show: false,
itemWidth: 5,
dimension: 0,
orient: "horizontal",
inRange: {
color: ['#00ee00', '#eeee00', '#ee0000', '#4e0211']
},
},
],
series: [
{
type: "bar",
xAxisIndex: 0,
yAxisIndex: 0,
barWidth: '100%',
data: [],
},
{
type: "line",
xAxisIndex: 1,
yAxisIndex: 1,
symbol: "none",
smooth: true,
showSymbol: false,
lineStyle: {
color: "#00d4c7"
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(0, 136, 212, 0.8)'
}, {
offset: 0.8,
color: 'rgba(0, 136, 212, 0.3)'
}], false),
shadowColor: 'rgba(0, 0, 0, 0.1)',
shadowBlur: 10
},
data: [],
},
{
type: "bar",
xAxisIndex: 2,
yAxisIndex: 2,
barWidth: '100%',
data: [],
},
{
type: "line",
xAxisIndex: 3,
yAxisIndex: 3,
symbol: "none",
smooth: true,
showSymbol: false,
lineStyle: {
color: "#00d4c7"
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(0, 136, 212, 0.8)'
}, {
offset: 0.8,
color: 'rgba(0, 136, 212, 0.3)'
}], false),
shadowColor: 'rgba(0, 0, 0, 0.1)',
shadowBlur: 10
},
data: [],
},
],
}
GIL4 = {
title: [
{
textBaseline: "middle",
left: '15%',
top: "10%",
text: "1 mV",
textStyle: {
color: '#fff',
fontSize: '12px'
}
},
{
textBaseline: "middle",
left: '15%',
top: "60%",
text: "2 mV",
textStyle: {
color: '#fff',
fontSize: '12px'
}
},
{
textBaseline: "middle",
right: '10',
top: "35%",
text: "",
textStyle: {
color: '#fff',
fontSize: '12px'
}
},
{
textBaseline: "middle",
right: '10',
top: "85%",
text: "",
textStyle: {
color: '#fff',
fontSize: '12px'
}
},
],
xAxis: [
{
type: "value",
min: '0',
max: '100',
interval: 900000000,
// inverse:true,
// show:false,
position: 'top',
gridIndex: 0,
axisLabel: {
showMaxLabel: true,
color: '#fff'
},
axisLine: {
lineStyle: { color: '#fff', opacity: 0.1 }
},
},
{
type: "value",
show: false,
gridIndex: 1,
},
{
type: "value",
min: '0',
max: '100',
interval: 900000000,
// inverse:true,
// show:false,
position: 'top',
gridIndex: 2,
axisLabel: {
showMaxLabel: true,
color: '#fff'
},
axisLine: {
lineStyle: { color: '#fff', opacity: 0.1 }
},
},
{
type: "value",
show: false,
gridIndex: 3,
},
],
yAxis: [
{
type: "category",
show: false,
axisLine: {
onZero: false
},
gridIndex: 0,
},
{
type: "value",
gridIndex: 1,
// inverse:true,
// min:'0',
// max:'150',
show: false
},
{
type: "category",
show: false,
gridIndex: 2,
},
{
type: "value",
gridIndex: 3,
// inverse:true,
// min:'0',
// max:'150',
show: false
},
],
grid: [
{
height: "15%",
top: "20%",
right: "60",
show: true,
borderColor: "#eee",
borderWidth: 2,
},
{
height: "15%",
top: "35%",
right: "60",
show: true,
borderColor: "#eee",
borderWidth: 2
},
{
height: "15%",
top: "70%",
right: "60",
show: true,
borderColor: "#eee",
borderWidth: 2
},
{
height: "15%",
top: "85%",
right: "60",
show: true,
borderColor: "#eee",
borderWidth: 2
},
],
visualMap: [
{
type: "continuous",
seriesIndex: 0,
min: 0,
max: 100,
show: false,
itemWidth: 5,
orient: "vertical",
dimension: 0,
inRange: {
// color: ['#00ee00','#eeee00', '#ee0000', '#4e0211']
color: ['#00d4c7', '#0092f6', '#7e075f', '#ee0000']
},
},
{
type: "continuous",
seriesIndex: 2,
min: 0,
max: 100,
show: false,
itemWidth: 5,
dimension: 0,
orient: "horizontal",
inRange: {
// color: ['#00ee00','#eeee00', '#ee0000', '#4e0211']
color: ['#00d4c7', '#0092f6', '#7e075f', '#ee0000']
},
},
],
series: [
{
type: "bar",
xAxisIndex: 0,
yAxisIndex: 0,
itemStyle: {
color: "#7e075f"
},
barWidth: '100%',
data: [],
},
{
type: "line",
xAxisIndex: 1,
yAxisIndex: 1,
symbol: "none",
smooth: true,
showSymbol: false,
lineStyle: {
color: "#00d4c7"
},
areaStyle: {
color: "#0092f6"
},
data: [],
},
{
type: "bar",
xAxisIndex: 2,
yAxisIndex: 2,
itemStyle: {
color: "#7e075f"
},
barWidth: '100%',
data: [],
},
{
type: "line",
xAxisIndex: 3,
yAxisIndex: 3,
symbol: "none",
smooth: true,
showSymbol: false,
lineStyle: {
color: "#00d4c7"
},
areaStyle: {
color: "#0092f6"
},
data: [],
},
],
};
}
export { PRPDGIS, PRPDGIL, GIL1, GIL2, GIL3, GIL4, CPD, CPD1 }