let xAxisData =
[
'17:30:00',
'17:30:01',
'17:30:02',
'17:30:03',
'17:30:04',
'17:30:05',
'17:30:06',
'17:30:07',
'17:30:08',
'17:30:09',
'17:30:10',
'17:30:11',
'17:30:12',
'17:30:13',
'17:30:14',
'17:30:15',
'17:30:16',
'17:30:17',
'17:30:18',
'17:30:19',
'17:30:20',
'17:30:21',
'17:30:22',
'17:30:23',
'17:30:24',
'17:30:25',
'17:30:26',
'17:30:27',
'17:30:28',
'17:30:29',
'17:30:30',
'17:30:31',
'17:30:32',
'17:30:33',
'17:30:34',
'17:30:35',
'17:30:36',
'17:30:37',
'17:30:38',
'17:30:39',
'17:30:40',
'17:30:41',
'17:30:42',
'17:30:43',
'17:30:44',
'17:30:45',
'17:30:46',
'17:30:47',
'17:30:48',
'17:30:49',
'17:30:50',
'17:30:51',
'17:30:52',
'17:30:53',
'17:30:54',
'17:30:55',
'17:30:56',
'17:30:57',
'17:30:58',
'17:30:59',
'17:31:00',
'17:31:01',
'17:31:02',
'17:31:03',
'17:31:04',
'17:31:05',
'17:31:06',
'17:31:07',
'17:31:08',
'17:31:09',
'17:31:10',
'17:31:11',
'17:31:12',
'17:31:13',
'17:31:14',
'17:31:15',
'17:31:16',
'17:31:17',
'17:31:18',
'17:31:19',
'17:31:20',
'17:31:21',
'17:31:22',
'17:31:23',
'17:31:24',
'17:31:25',
'17:31:26',
'17:31:27',
'17:31:28',
'17:31:29',
'17:31:30',
'17:31:31',
'17:31:32',
'17:31:33',
'17:31:34',
'17:31:35',
'17:31:36',
'17:31:37',
'17:31:38',
'17:31:39',
'17:31:40',
'17:31:41',
'17:31:42',
'17:31:43',
'17:31:44',
'17:31:45',
'17:31:46',
'17:31:47',
'17:31:48',
'17:31:49',
'17:31:50',
'17:31:51',
'17:31:52',
'17:31:53',
'17:31:54',
'17:31:55',
'17:31:56',
'17:31:57',
'17:31:58',
'17:31:59',
'17:32:00',
'17:32:01',
'17:32:02',
'17:32:03',
'17:32:04',
'17:32:05',
'17:32:06',
'17:32:07',
'17:32:08',
'17:32:09',
'17:32:10',
'17:32:11',
'17:32:12',
'17:32:13',
'17:32:14',
'17:32:15',
'17:32:16',
'17:32:17',
'17:32:18',
'17:32:19',
'17:32:20',
'17:32:21',
'17:32:22',
'17:32:23',
'17:32:24',
'17:32:25',
'17:32:26',
'17:32:27',
'17:32:28',
'17:32:29',
'17:32:30',
'17:32:31',
'17:32:32',
'17:32:33',
'17:32:34',
'17:32:35',
'17:32:36',
'17:32:37',
'17:32:38',
'17:32:39',
'17:32:40',
'17:32:41',
'17:32:42',
'17:32:43',
'17:32:44',
'17:32:45',
'17:32:46',
'17:32:47',
'17:32:48',
'17:32:49',
'17:32:50',
'17:32:51',
'17:32:52',
'17:32:53',
'17:32:54',
'17:32:55',
'17:32:56',
'17:32:57',
'17:32:58',
'17:32:59',
'17:33:00',
'17:33:01',
'17:33:02',
'17:33:03',
'17:33:04',
'17:33:05',
'17:33:06',
'17:33:07',
'17:33:08',
'17:33:09',
'17:33:10',
'17:33:11',
'17:33:12',
'17:33:13',
'17:33:14',
'17:33:15',
'17:33:16',
'17:33:17',
'17:33:18',
'17:33:19',
'17:33:20',
'17:33:21',
'17:33:22',
'17:33:23',
'17:33:24',
'17:33:25',
'17:33:26',
'17:33:27',
'17:33:28',
'17:33:29',
'17:33:30',
'17:33:31',
'17:33:32',
'17:33:33',
'17:33:34',
'17:33:35',
'17:33:36',
'17:33:37',
'17:33:38',
'17:33:39',
'17:33:40',
'17:33:41',
'17:33:42',
'17:33:43',
'17:33:44',
'17:33:45',
'17:33:46',
'17:33:47',
'17:33:48',
'17:33:49',
'17:33:50',
'17:33:51',
'17:33:52',
'17:33:53',
'17:33:54',
'17:33:55',
'17:33:56',
'17:33:57',
'17:33:58',
'17:33:59',
'17:34:00',
'17:34:01',
'17:34:02',
'17:34:03',
'17:34:04',
'17:34:05',
'17:34:06',
'17:34:07',
'17:34:08',
'17:34:09',
'17:34:10',
'17:34:11',
'17:34:12',
'17:34:13',
'17:34:14'
]
// 模态1幅值
let barData1 =
[
0.183595904,
0.182818422,
0.188578251,
0.181286396,
0.181433785,
0.186451465,
0.18355463,
0.184500078,
0.187106467,
0.18151624,
0.187284334,
0.18136898,
0.181053737,
0.181830925,
0.180813581,
0.187430792,
0.183578118,
0.184483962,
0.182532535,
0.18954669,
0.185154952,
0.186389715,
0.183270656,
0.187988301,
0.181677001,
0.18672404,
0.18797486,
0.189442824,
0.187599877,
0.188094667,
0.187227777,
0.188352932,
0.188734622,
0.18356239,
0.187286184,
0.189028334,
0.181729039,
0.183679872,
0.187189273,
0.18840545,
0.18122311,
0.18543677,
0.180878736,
0.187530046,
0.181822047,
0.186473563,
0.181801158,
0.181756454,
0.185479268,
0.181395918,
0.184861449,
0.182416856,
0.180292986,
0.183494458,
0.182762783,
0.184577325,
0.187482231,
0.181282191,
0.187746044,
0.189518171,
0.1866709,
0.1881482,
0.182557544,
0.180287443,
0.183173182,
0.184510232,
0.187888051,
0.18541604,
0.186761242,
0.189144285,
0.187395087,
0.183084774,
0.186281371,
0.185078423,
0.183902667,
0.183259529,
0.188410075,
0.184857371,
0.189505755,
0.18891426,
0.186383907,
0.187664419,
0.180090535,
0.181141154,
0.186324485,
0.184785036,
0.189990874,
0.182562215,
0.188242744,
0.180568239,
0.187130974,
0.185996973,
0.180595909,
0.182780861,
0.187079502,
0.182244614,
0.180546594,
0.18732771,
0.185527987,
0.181290018,
0.184712289,
0.188782669,
0.187517477,
0.184421726,
0.188743797,
0.185344113,
0.184734146,
0.186101507,
0.180822197,
0.186518784,
0.183398323,
0.188145693,
0.187478925,
0.187412375,
0.180666973,
0.18002093,
0.180117247,
0.182374775,
0.184450023,
0.188289482,
0.18646095,
0.185964603,
0.189191327,
0.181406003,
0.186131369,
0.186909508,
0.186161175,
0.188503349,
0.183890942,
0.184068337,
0.188204403,
0.18455545,
0.187986236,
0.18906686,
0.181626498,
0.186922743,
0.189081883,
0.183747786,
0.18239982,
0.182135069,
0.189356134,
0.183950366,
0.18766968,
0.181244241,
0.184743044,
0.186886262,
0.187278806,
0.189549262,
0.186035901,
0.182080656,
0.183948746,
0.186400901,
0.1809213,
0.180696353,
0.181461132,
0.181114614,
0.186604135,
0.182561076,
0.185113969,
0.182226226,
0.186281456,
0.185273615,
0.182960594,
0.186363477,
0.181265849,
0.187139736,
0.189080267,
0.184990666,
0.181074929,
0.183286278,
0.189996648,
0.188370248,
0.182961013,
0.187723474,
0.189975102,
0.18917739,
0.186321453,
0.180224969,
0.182386422,
0.181152339,
0.188534208,
0.186473659,
0.184892429,
0.182760771,
0.187506922,
0.18767809,
0.182129842,
0.182019999,
0.180425224,
0.189767244,
0.183893685,
0.189406313,
0.183663429,
0.189905875,
0.184259526,
0.182873746,
0.184421091,
0.183654217,
0.187045877,
0.18250762,
0.188330677,
0.1864657,
0.182668518,
0.184318888,
0.184275295,
0.186762049,
0.182417669,
0.189496216,
0.181316,
0.18242906,
0.188408591,
0.185107929,
0.181773783,
0.181309572,
0.181811219,
0.181935428,
0.189628273,
0.186658881,
0.188380409,
0.185249995,
0.1809008,
0.187510563,
0.185244964,
0.183096667,
0.183704933,
0.182303289,
0.185252431,
0.185573106,
0.180736905,
0.189206711,
0.18160199,
0.18623287,
0.18343112,
0.184316641,
0.180827095,
0.184669859,
0.180346346,
0.189568837,
0.185228572,
0.18027941,
0.182015601,
0.189141135,
0.184130623,
0.180526751,
0.187214165,
0.181492009,
0.185734664,
0.180877515,
0.187286682,
0.180457055,
0.18800504,
0.186837498,
0.187839336,
0.184964197,
0.181371424,
]
option = {
backgroundColor: "#0f375f",
grid: {
left: '15%',
right: '10%',
top: '10%',
bottom: '10%',
},
barWidth: 15,
xAxis: {
type: 'value',
splitLine: {
lineStyle: {
color: "rgba(255,255,255,0.2)",
type: 'dashed'
}
},
axisTick: {
show: false
},
axisLabel: { // 改变x轴字体颜色和大小
textStyle: {
color: "rgba(250,250,250,0.6)",
fontSize: 16
}
}
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'none'
},
formatter: function(params) {
return params[0].name + '<br/>' +
"<span style='display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:rgba(36,207,233,0.9)'></span>" +
params[0].seriesName + ' : ' + params[0].value + ' <br/>'
}
},
// Y滑动框
dataZoom: [
//Y轴滑动条
{
type: 'inside', //滑动条
show: true, //开启
yAxisIndex: 0,
startValue: 0,
endValue: 10,
filterMode: 'filter',
height: 4,
bottom: 10,
handleSize: '300%',
left: '93%', //滑动条位置
start: 1, //初始化时，滑动条宽度开始标度
end: 10 //初始化时，滑动条宽度结束标度
},
//y轴内置滑动
{
type: 'inside', //内置滑动，随鼠标滚轮展示
yAxisIndex: 0,
startValue: 0,
endValue: 10,
filterMode: 'filter',
height: 4,
bottom: 10,
handleSize: '300%',
start: 1,//初始化时，滑动条宽度开始标度
end: 10 //初始化时，滑动条宽度结束标度
}],
yAxis: {
type: 'category',
data: xAxisData,
splitLine: {
show: false
},
axisTick: {
show: false
},
axisLine: { // 改变y轴颜色
lineStyle: {
color: '#2c4054'
}
},
axisLabel: { // 改变y轴字体颜色和大小
//formatter: '{value} m³ ', // 给y轴添加单位
textStyle: {
color: "rgba(250,250,250,0.6)",
fontSize: 16
}
}
},
series: [{
type: 'bar',
name: "总重",
barWidth : 15
,
itemStyle: {
normal: {
label: {
show: true, //开启显示
position:"insideRight", //在上方显示
textStyle: { //数值样式
color: "#FFFFFF",
fontSize: 14,
fontWeight: 400
}
},
color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
offset: 0,
color: 'rgba(24,144,255,1)'
}, {
offset: 1,
color: 'rgba(24,144,255,0)'
}]),
barBorderRadius:15
}
},
data: barData1
}
]
};