// 设置最高图表
const dataUrl1 = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAUqSURBVEiJxZZbiJVVFMd/a3/7+75zzozZYFM52mSaFtikSGF2J0jCQrpAPUSF5FtSL0JPvQRB+RJETz10e4mkAsMoJIMuZCaV2FXNdEIZdRw7jtM5323v3cPe55IRZhAt2PDNMHv9//u/1vqvEaabjv8xNEDy7ifQypB2huQFFCUUFWIMVAasA2fBOTgbXQFEQBQoAR3hoggSDUmMSxNcvQaNGsXamz0BWhnSaiOtDNo5UhSeQFkFAh5cOgTc37AQAQEn4r+VAh1BrCHRuCRBKgPOdd+hASTLkXbuCbQyJCugKAIBC8Z4cBuuOYdnIiFN+Bb/syjxJKIItAoEEqh58C65DgGyHFp5UCJDshzyEilLKA0YC84iDq9GB/NM6QGUwiUaEQU2hziCOO4q6TxDiPoISFEhRYFk/tDOydff47/7a+88sks0jWdf7ZEQcB0FBPKH7iManyD+aBeUGhKLsxYhvDzWUMR9ClQVlBWUJRQlkpeYhfOov/CGL4HtkLDgoL3xYcgKAMyi+WSP3d9jIuCGzqO6fhnlTSuC3B44eXs7cvKUx6qqPgUqg5QVUpogewUO7NBsML5uYl23+QSQovQJfjzI4IbnMItHMYtHuyqgpCu1nGiifjkCjRQ30AgETJ8CNrzS+HqLMaipJmbscrA2dH9vBOX4SZ+kL8rrl0GaoHd+G8AFFymqlWO4ZUuo7X8LZwJGB69HwHWPueRizNjlRN/sRUwFxoUS9LpfHzlO9ujdxB9/RbRvPDSBw4xeDHnRp4LCzr/Q95K1f8LpTJQ+o5dRzdPYVptqbDHpGx9gF4xQXbuU9PWt4VJvFGWq6VvoqoVE+8dRR0+EJB0jUsjkb0hlMEtGUYcnz4QLBJR0ZZPpGdShCdzqVZSrV+GGZiEnmmTr78ENn+/ljyLs3As4764nAGg/s4F466dhFHu5Os1no4jy9pUMbHy+7/d+bv0wKhVcS3nzUAo5eoJ4+5foXT+ACPVNr6GOTjG4YRPxh196++7cA2ovb0HKCnvZCG7uMHbuMGbhPGSySbp5m39ux5j67mnAe3UUedvsnEYNO28YOzwESlDHp1DjE7SffARzxQIGHt8Euq+CscYsGCHe+gl6z35QiuKOG7Dzhv3ci+B05E8U9kO3BHFYFnGMHZ1NecsK7PmzqK5dir1oDm5oFubKy4j2jtPe+BDxx1/jIgWpv+5EcImGSFE8uIZyzWkP2EjRu/fiEm86pLF3xUR7zC6BJIY0xpUJbqCOOnwcvfM7ovGj2DmzqW5aTrZuLTL9O4Prn6a89Rp+f+kpai++6V8rAmlKvH0X6tgUcmrGW63W3qg2PICaOuU3YS3xRAIpYbrp0lfeRWZayEwbaYeNmBeQl36LDdSRyabfE2GGndZ+SVmLnTMbdXLa74Ez+snF2j8uTaCe4uo13GAdN9ggX7c29EAt6ToeSrrsSUrvkKdbEGvcYN0vJlxYUNrvwazAzWoA3nyIopAjEIhjXC2GWoqrh1NL+krQqOEIazLq7O8i7Afjfdv0nBIXCPRHpLru1yOgcbHP59IEQglcI4VGrVeCv7jD34W1JO98hN6976//lIhQLV9Cce9t3RH7JyFn/5O+2LlnFaPD2/TXPw3GX3zbIyFCed0Y1YorZ/h1cjUrr97x3xAA+OCzpVy96D11+Nil8We7AShvXI6df9E4ew7cyR03fn/OOc85tmwb4cjEDtl3wMnPvziOTOxgy7aR/x64PzZ/XpeDh96Xg4feZ/Pn9X+b5g/AMXoVWZPppgAAAABJRU5ErkJggg==";
const dataUrl2 = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAUqSURBVEiJxZZNbFRVFMd/5747rzOdtkALttDyHaKAfEMUDST1CxOiibhR2btRF7gjLlxo4g4W6kZ3bnQBGqMYMPEjGEAWYC02RIICQgFFSwttpzPz7j0u7p3XFl1YE+NNzkzezNxz/ud/zvmfkb79vcr/eCzAkbOGSh0m6kI1U2pOqDtwPpjXYAqgoMjfOhMUBAQwEiwxwQoJpInSZIViQSkVYMdKHwBUajBeJwdRy6DuoJ4DEFQVRdDI1520SXwVCUBEBCMagjcAWCGLCTUcWICJTJioByCVOlQzqDmoOwksKKgKqiGMqqJ3kCAKIhGGBEtEYvZKmkDmQRUEwcgUANUsZF6pawQgVCMLmQfnGwwQGQjP0wDEYD5UIT4r1kAhESQFH++Y+F0OoO6g6pRqFoJX6rB7i6OWxdpPo10oJMqbX9u8DAK0FpW9jzle+dRiELralOVzlZVdytoFntNXhC9+TDCi2ERJ3RQGMgdZbLxapH9Ju/Lu8QTnJkF4QgO+sC1jIptegh1LPccvCNuXe55a5xgcFm6Ow5IOePUzi1MoWbBGYrzIBgSaM69kPjRe5kK2c0owpxnmlIO1NwdrsNawNFGeWOP55ExCW1H54FTCa4ctB/oSRqswUglB6356rJwBr5Mj52LNh8aEezp9HL/J7gflxmhw2DjPbfbUnDBSkXxknYebFaFoQxM7Lziv00Y7B6CRWq/QPVtZ1en54erkyGjUgDAFyrVbwnNbPMcvGBa0edZ0h3S8KqqwslNBPUZgXouybZnHJnD5pjBWiwkxpQRTz62KMF6H5fOUgeuG8Zpwd6fSP2joHxS+HzT0Dxq+HxSGxqGtBK8fLhCnHwVai3BXK8xrVYyBuS1KR1lpKtwZLTIg8boR4VYVLg8beldkPLTC0VaCoTFh9xZHR1n5fTSMW2ersvu9lEMDSa6LEjXy5EXhy3MGa2B9j/LNT4bb1aCALenk73IGGpJpDFgBI8qvt4Wj5w19VwwiyttHLb/dFvZ+Yjl63nDkbIKJDkyDTkNUwEl/l4aERe1KIhp8R2luCJGByQ9srt1CqQBds6CjHNDeGIUrw8KL2x2P3uP5uN9gjWJNkFshjJgRDb4M7FztuTQkrOpS5pRh40IfEwxxcgA2gdQGyeyZrTyw1DGrpGzo9qzrVjYuVFbMU87fEB652zM4LBgT7jQMUdIkgOkoK70rPIvbldtV2LzIs77bM7clyrINMXMAadTqJgvNKVwdEQ72JXx0JuHAdwlnrgnPbHJsXqTsOWgZHIF9uzLWd/v8nhDeN/Yo63qU2c3KsZ8NyzqUL88ZnlzjOXdDaLKQxs0IIH37e/X9U4axqjBea2zEIMk1F7ZYOYU/xsLG9HEv2LhcGtrf3gzDlSDTjX6w0QJIpViAUiEkWW5Snt0U13HRBnFQwhYzJpbFKXUnjFbDc1nA+zDBXoNz4p2ag3KqeZMlQr4JC4mQ2hCnWIhmp4xhqQBh2wuJhKyricZtqGQu/CdwHrwPO8HnyhhrKXEi8i4PLNkIokF9k4VSGv6Q5AAeX+X/qhB/c7zCoR8MA9ckV8+p8796vrLzXp+P2D85M/gpfLj34a1ds/3n/Vel5dQvZto63rTIs3aBjl4fNo/teuOLE/8JAIB39vSuXt3FoWsjsvjkxdAE9y3xzJ+llwaus/P5/V8NzMTfjAEAvPnigws2LkwPjlW5XwSaU749fbn29EtvHbs6U1//CgDAvj1bSxs6ih8CfPfHxK6X95+o/Bs/fwIleHxCHzUwBQAAAABJRU5ErkJggg==";
const data = {
xdata: [
"0点",
"0点15分",
"0点30分",
"0点45",
"1点",
"1点15分",
"1点30分",
"1点45分",
"2点",
"2点15分",
"2点30分",
"2点45分",
"3点",
"3点15分",
"3点30分",
"3点45分",
"4点",
"4点15分",
"4点30分",
"4点45分",
"5点",
"5点15分",
"5点30分",
"5点45分",
"6点",
"6点15分",
"6点30分",
"6点45分",
"7点",
"7点15分",
"7点30分",
"7点45分",
"8点",
"8点15分",
"8点30分",
"8点45分",
"9点",
"9点15分",
"9点30分",
"9点45分",
"10点",
"10点15分",
"10点30分",
"10点45分",
"11点",
"11点15分",
"11点30分",
"11点45分",
"12点",
"12点15分",
"12点30分",
"12点45分",
"13点",
"13点15分",
"13点30分",
"13点45分",
"14点",
"14点15分",
"14点30分",
"14点45分",
"15点",
"15点15分",
"15点30分",
"15点45分",
"16点",
"16点15分",
"16点30分",
"16点45分",
"17点",
"17点15分",
"17点30分",
"17点45分",
"18点",
"18点15分",
"18点30分",
"18点45分",
"19点",
"19点15分",
"19点30分",
"19点45分",
"20点",
"20点15分",
"20点30分",
"20点45分",
"21点",
"21点15分",
"21点30分",
"21点45分",
"22点",
"22点15分",
"22点30分",
"22点45分",
"23点",
"23点15分",
"23点30分",
"23点45分"
],
valList1: [
34572.44,
34747.42,
34133.27,
34180.87,
34376.9,
34427.39,
34712.96,
34759.65,
34201.64,
34247.75,
34153.09,
35390.96,
33713.69,
34143.83,
34102.73,
33990.3,
33443.69,
33689.35,
34625.71,
33797.67,
34394.19,
33891.06,
34348.37,
34156.9,
34874.8,
34626.26,
34749.64,
34982.81,
34882.13,
35761.67,
35927.56,
37515.48,
36745.54,
38112.88,
38537.52,
38917.03,
38576.46,
39721.11,
39407.54,
39781.94,
40156.47,
40413.19,
40764.18,
40482.08,
39840.3,
40247.65,
40021.38,
39524.25,
38433.99,
38592.69,
38241.99,
38871.15,
38449.54,
39413.71,
39298.52,
39215.76,
38842.26,
39210.59,
39072.35,
38741.78,
38321.42,
38445.78,
38813.3,
38950.93,
38177.38,
38077,
38024.01,
37524.95,
36889.72,
36551.81,
35851.72,
35559.89,
34956.81,
36261.42,
35547.96,
35431.09,
35208.93,
35175.64,
35033.92,
34899.38,
34625.21,
35597.54,
34993.41,
34911.25,
35107.97,
34935.5,
34845.77,
35251.1,
34668.72,
35056.21,
35025.13,
35132.72,
35323.08,
35460.37,
32703.63,
36179.82
],
valList2: [
40153.81,
35899.24,
35727.93,
35950.38,
35319.28,
35676.22,
35720.81,
35444.23,
34920.96,
34976.23,
35400.99,
35119.75,
34500.01,
34707.86,
34216.51,
34506.36,
34687.35,
35147.48,
34850.67,
35109.41,
34313.52,
34907.6,
35543.86,
35537.32,
34996.28,
35898.12,
36221.24,
36491.07,
37104.54,
37088.3,
37590.62,
39162.06,
38377.66,
38924.85,
39246.48,
40317.67,
39644.82,
41299.11,
42198.37,
42217.27,
43453.11,
41399.01,
41459.03,
41704.51,
42171.33,
42389.67,
42930.75,
40852.01,
39858.18,
40249.84,
45072.39,
40733.23,
40491.49,
40841.5,
40930.58,
42507.72,
40093.86,
40821.06,
40848.1,
40366.71,
39897.91,
40176.31,
40305.18,
40461.17,
38773.98,
39596.22,
38265.29,
38572.86,
38087.83,
37312.87,
36810.09,
38225.46,
36987.75,
36132.82,
36489.26,
36285.3,
35374,
36259.87,
36226.11,
35755.09,
34910.08,
35368.02,
36259.41,
35355.55,
35656.86,
35534.61,
35533.87,
35268.88,
34688.09,
36504.3,
36031.52,
35887.71,
37411.97,
36100.77,
30922.19,
41140.01
]
};
option = {
backgroundColor: '#102147', //设置背景颜色
title: {
top: "4%",
left: "1%",
text: "单位: 万",
textStyle: {
color: "#fff",
fontSize: 16,
fontWeight: "400",
},
},
tooltip: {
trigger: "axis",
backgroundColor: "#1B366A",
borderWidth: 0,
// axisPointer: {
// type: "shadow",
// shadowStyle: {
// color: "rgba(68, 140, 246, .2)",
// },
// },
valueFormatter: function (p) {
// console.log(p);
let value = "";
if (p > 0) {
value = p;
if (value > 999) {
// 数值加千分号
let parts = value.toString().split(".");
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
value = parts.join(".");
}
}
return value + " 万千瓦";
},
textStyle: {
color: "#fff",
},
},
color: ["#65B765", "#448CF6"],
legend: {
top: "10%",
right: "10%",
icon: "rect",
itemHeight: 2,
itemWidth: 24,
itemGap: 20,
data: ["前日", "昨日"],
textStyle: {
color: "#fff",
fontSize: 16,
},
},
grid: {
top: "20%",
left: "5%",
right: "5%",
bottom: "5%",
containLabel: true,
},
xAxis: {
type: "category",
boundaryGap: true,
axisLabel: {
align: "center",
interval: 0,
textStyle: {
color: "#fff",
fontSize: 16,
},
formatter: function (val) {
if (val !== undefined) {
if (val.length < 4) {
return val;
}
}
},
},
axisLine: {
//不显示坐标轴线
show: false,
},
axisTick: {
//不显示坐标轴刻度线
show: false,
},
data: data.xdata,
},
yAxis: {
type: "value",
min: function (value) {
return parseInt(Math.floor(value.min * 0.99));
},
axisTick: {
//不显示坐标轴刻度线
show: true,
},
axisLine: {
show: true, //暗藏或显示
lineStyle: {
type: "solid",
color: "#E6EDF9",
},
},
axisLabel: {
textStyle: {
color: "#fff",
fontSize: 16,
},
},
splitLine: {
//网格线
lineStyle: {
type: "dashed", //设置网格线类型 dotted：虚线 solid:实线
width: 1,
},
show: true, //暗藏或显示
},
},
series: [
{
name: "前日",
type: "line",
showSymbol: false,
itemStyle: {
normal: {
lineStyle: {
width: 4,
},
},
},
data: data.valList1,
},
{
name: "昨日",
type: "line",
showSymbol: false,
itemStyle: {
normal: {
lineStyle: {
width: 4,
},
},
},
data: data.valList2,
markPoint: {
data: [
{
type: "max",
symbol: dataUrl1,
},
{
type: "min",
symbol: dataUrl2,
},
],
symbol: "none",
label: {
show: true,
position: "bottom", // 显示位置
textStyle: {
fontSize: 16,
color: "#fff",
},
},
symbolSize: [32, 20],
symbolOffset: [0, -40],
},
},
],
};