This commit is contained in:
unknown 2023-12-08 15:32:48 +08:00
parent d09880944e
commit ad671679c1
40 changed files with 51070 additions and 119 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -243,7 +243,7 @@ export default {
xAxis: { xAxis: {
type: "category", type: "category",
// boundaryGap: false, // boundaryGap: false,
data: ["12.20", "12.21", "12.22", "12.23"], data: ["","","12.20","","","12.21","","","12.22","","", "12.23"],
axisLabel: { axisLabel: {
show: true, show: true,
interval: 0, interval: 0,
@ -251,6 +251,10 @@ export default {
color: "#fff", color: "#fff",
fontSize: 20, fontSize: 20,
}, },
},
axisTick: {
show:false,
interval: true, //
}, },
}, },
yAxis: { yAxis: {
@ -299,46 +303,46 @@ export default {
{ {
name: "1号线", name: "1号线",
type: "line", type: "line",
// symbol: "circle", symbol: "circle",
// symbolSize: 20, symbolSize: 1,
data: [5, 18, 31, 18, 21, 20, 30, 20, 23, 19, 30, 20, 28, 8], data: [5, 18, 31, 18, 21, 20, 30, 20, 23, 19, 30, 20, 28, 8],
lineStyle: { lineStyle: {
width: 5, width: 5,
color: "#09E83E", color: "#09E83E",
}, },
// itemStyle: { itemStyle: {
// color: "#3FFF5A", color: "#09E83E",
// }, },
}, },
{ {
name: "2号线", name: "2号线",
type: "line", type: "line",
// stack: 'Total', // stack: 'Total',
// symbol: "circle", symbol: "circle",
// symbolSize: 20, symbolSize: 1,
data: [18, 8, 11, 5, 10, 11, 10, 12, 4, 7, 13, 20], data: [18, 8, 11, 5, 10, 11, 10, 12, 4, 7, 13, 20,12,23,15],
lineStyle: { lineStyle: {
width: 5, width: 5,
color: "#00B0FF", color: "#00B0FF",
}, },
// itemStyle: { itemStyle: {
// color: "#43FFF4", color: "#00B0FF",
// }, },
}, },
{ {
name: "3号线", name: "3号线",
type: "line", type: "line",
// stack: 'Total', // stack: 'Total',
// symbol: "circle", symbol: "circle",
// symbolSize: 20, symbolSize: 1,
data: [21, 30, 36, 28, 38, 28, 25, 21], data: [21, 30, 36, 28, 38, 28, 25, 21,23,15,26,32,24,12],
lineStyle: { lineStyle: {
width: 5, width: 5,
color: "#18FCFF", color: "#18FCFF",
}, },
// itemStyle: { itemStyle: {
// color: "#43FFF4", color: "#18FCFF",
// }, },
}, },
], ],
}, },
@ -364,7 +368,7 @@ export default {
xAxis: { xAxis: {
type: "category", type: "category",
// boundaryGap: false, // boundaryGap: false,
data: ["12.20", "12.21", "12.22", "12.23"], data: ["","","12.20","","","12.21","","","12.22","","", "12.23"],
axisLabel: { axisLabel: {
show: true, show: true,
interval: 0, interval: 0,
@ -372,6 +376,10 @@ export default {
color: "#fff", color: "#fff",
fontSize: 20, fontSize: 20,
}, },
},
axisTick: {
// show:false,
interval: true, //
}, },
}, },
yAxis: { yAxis: {
@ -421,132 +429,133 @@ export default {
{ {
name: "1号线", name: "1号线",
type: "line", type: "line",
// symbol: "circle", symbol: "circle",
// symbolSize: 20, symbolSize: 1,
data: [5, 18, 31, 18, 21, 20, 30, 20, 23, 19, 30, 20, 28, 8], data: [5, 18, 31, 18, 21, 20, 30, 20, 23, 19, 30, 20, 28, 8],
lineStyle: { lineStyle: {
width: 5, width: 5,
color: "#09E83E", color: "#09E83E",
}, },
// itemStyle: { itemStyle: {
// color: "#3FFF5A", color: "#09E83E",
// }, },
}, },
{ {
name: "2号线", name: "2号线",
type: "line", type: "line",
// stack: 'Total', // stack: 'Total',
// symbol: "circle", symbol: "circle",
// symbolSize: 20, symbolSize: 1,
data: [18, 8, 11, 5, 10, 11, 10, 12, 4, 7, 13, 20], data: [18, 8, 11, 5, 10, 11, 10, 12, 4, 7, 13, 20,12,23,15],
lineStyle: { lineStyle: {
width: 5, width: 5,
color: "#00B0FF", color: "#00B0FF",
}, },
// itemStyle: { itemStyle: {
// color: "#43FFF4", color: "#00B0FF",
// }, },
}, },
{ {
name: "3号线", name: "3号线",
type: "line", type: "line",
// stack: 'Total', // stack: 'Total',
// symbol: "circle", symbol: "circle",
// symbolSize: 20, symbolSize: 1,
data: [21, 30, 36, 28, 38, 28, 25, 21], data: [21, 30, 36, 28, 38, 28, 25, 21,23,15,26,32,24,12],
lineStyle: { lineStyle: {
width: 5, width: 5,
color: "#18FCFF", color: "#18FCFF",
}, },
// itemStyle: { itemStyle: {
// color: "#43FFF4", color: "#18FCFF",
},
},
],
},
//
// option3: {
// tooltip: {
// trigger: "item",
// triggerOn: "mousemove",
// },
// grid: {
// top: "25px",
// left: "10px",
// right: "10px",
// bottom: "6%",
// containLabel: true,
// },
// series: {
// type: "sankey",
// layout: "none",
// top: "2%",
// bottom: "5%",
// left: "5%",
// right: "13%",
// lineStyle: {
// opacity: 0.3,
// color: "gradient",
// curveness: 0.7,
// },
// label: {
// color: "#fff",
// fontSize: 16,
// formatter: function (params) {
// return params.name + params.value
// },
// rich: {
// white: {
// fontSize: 20,
// padding: [10, 0, 0, 0],
// },
// },
// },
// nodeGap: 10,
// layoutIterations: 1,
// emphasis: {
// // focus: "adjacency",
// },
// data: [
// { name: "", value: "2641.76", itemStyle: { color: "#5FE3D9" }, depth: 0 },
// { name: "", value: "461.71", itemStyle: { color: "#55A9CE" }, depth: 1 },
// { name: "", value: "871", itemStyle: { color: "#55A9CE" }, depth: 1 },
// { name: "", value: "290.76", itemStyle: { color: "#55A9CE" }, depth: 1 },
// { name: "", value: "28.51", itemStyle: { color: "#55A9CE" }, depth: 1 },
// { name: "1线", value: "28.51", id: "1", itemStyle: { color: "#52DBF1" }, depth: 2 },
// { name: "2线", value: "28.51", id: "2", itemStyle: { color: "#52DBF1" }, depth: 2 },
// { name: "3线", value: "28.51", id: "3", itemStyle: { color: "#52DBF1" }, depth: 2 },
// { name: "1线", value: "28.51", id: "11", itemStyle: { color: "#52DBF1" }, depth: 2 },
// { name: "2线", value: "28.51", id: "22", itemStyle: { color: "#52DBF1" }, depth: 2 },
// { name: "3线", value: "28.51", id: "33", itemStyle: { color: "#52DBF1" }, depth: 2 },
// { name: "1线", value: "28.51", id: "111", itemStyle: { color: "#52DBF1" }, depth: 2 },
// { name: "2线", value: "28.51", id: "222", itemStyle: { color: "#52DBF1" }, depth: 2 },
// { name: "3线", value: "28.51", id: "333", itemStyle: { color: "#52DBF1" }, depth: 2 },
// { name: "1线", value: "28.51", id: "1111", itemStyle: { color: "#52DBF1" }, depth: 2 },
// { name: "2线", value: "28.51", id: "2222", itemStyle: { color: "#52DBF1" }, depth: 2 },
// { name: "3线", value: "28.51", id: "3333", itemStyle: { color: "#52DBF1" }, depth: 2 },
// ],
// links: [
// // L1L3 4509
// { source: "", target: "", value: 1200 },
// { source: "", target: "", value: 1200 },
// { source: "", target: "", value: 1200 },
// { source: "", target: "", value: 1200 },
// // L1L2L3 2404
// { source: "", target: "1", value: 300 },
// { source: "", target: "2", value: 300 },
// { source: "", target: "3", value: 300 },
// { source: "", target: "11", value: 300 },
// { source: "", target: "22", value: 300 },
// { source: "", target: "33", value: 300 },
// { source: "", target: "111", value: 300 },
// { source: "", target: "222", value: 300 },
// { source: "", target: "333", value: 300 },
// { source: "", target: "1111", value: 300 },
// { source: "", target: "2222", value: 300 },
// { source: "", target: "3333", value: 300 },
// ],
// },
// }, // },
},
],
},
option3: {
tooltip: {
trigger: "item",
triggerOn: "mousemove",
},
grid: {
top: "25px",
left: "10px",
right: "10px",
bottom: "6%",
containLabel: true,
},
series: {
type: "sankey",
layout: "none",
top: "2%",
bottom: "5%",
left: "5%",
right: "13%",
lineStyle: {
opacity: 0.3,
color: "gradient",
curveness: 0.7,
},
label: {
color: "#fff",
fontSize: 16,
formatter: function (params) {
return params.name + params.value
},
rich: {
white: {
fontSize: 20,
padding: [10, 0, 0, 0],
},
},
},
nodeGap: 10,
layoutIterations: 1,
emphasis: {
// focus: "adjacency",
},
data: [
{ name: "总量", value: "2641.76", itemStyle: { color: "#5FE3D9" }, depth: 0 },
{ name: "原材料", value: "461.71", itemStyle: { color: "#55A9CE" }, depth: 1 },
{ name: "电", value: "871", itemStyle: { color: "#55A9CE" }, depth: 1 },
{ name: "柴油", value: "290.76", itemStyle: { color: "#55A9CE" }, depth: 1 },
{ name: "煤", value: "28.51", itemStyle: { color: "#55A9CE" }, depth: 1 },
{ name: "1号生产线", value: "28.51", id: "1", itemStyle: { color: "#52DBF1" }, depth: 2 },
{ name: "2号生产线", value: "28.51", id: "2", itemStyle: { color: "#52DBF1" }, depth: 2 },
{ name: "3号生产线", value: "28.51", id: "3", itemStyle: { color: "#52DBF1" }, depth: 2 },
{ name: "1号生产线", value: "28.51", id: "11", itemStyle: { color: "#52DBF1" }, depth: 2 },
{ name: "2号生产线", value: "28.51", id: "22", itemStyle: { color: "#52DBF1" }, depth: 2 },
{ name: "3号生产线", value: "28.51", id: "33", itemStyle: { color: "#52DBF1" }, depth: 2 },
{ name: "1号生产线", value: "28.51", id: "111", itemStyle: { color: "#52DBF1" }, depth: 2 },
{ name: "2号生产线", value: "28.51", id: "222", itemStyle: { color: "#52DBF1" }, depth: 2 },
{ name: "3号生产线", value: "28.51", id: "333", itemStyle: { color: "#52DBF1" }, depth: 2 },
{ name: "1号生产线", value: "28.51", id: "1111", itemStyle: { color: "#52DBF1" }, depth: 2 },
{ name: "2号生产线", value: "28.51", id: "2222", itemStyle: { color: "#52DBF1" }, depth: 2 },
{ name: "3号生产线", value: "28.51", id: "3333", itemStyle: { color: "#52DBF1" }, depth: 2 },
],
links: [
// L1L3 4509
{ source: "总量", target: "柴油", value: 1200 },
{ source: "总量", target: "电", value: 1200 },
{ source: "总量", target: "原材料", value: 1200 },
{ source: "总量", target: "煤", value: 1200 },
// L1L2L3 2404
{ source: "电", target: "1", value: 300 },
{ source: "电", target: "2", value: 300 },
{ source: "电", target: "3", value: 300 },
{ source: "煤", target: "11", value: 300 },
{ source: "煤", target: "22", value: 300 },
{ source: "煤", target: "33", value: 300 },
{ source: "柴油", target: "111", value: 300 },
{ source: "柴油", target: "222", value: 300 },
{ source: "柴油", target: "333", value: 300 },
{ source: "原材料", target: "1111", value: 300 },
{ source: "原材料", target: "2222", value: 300 },
{ source: "原材料", target: "3333", value: 300 },
],
},
},
}; };
}, },
methods: { methods: {