yangjun
/
grgw_vue_2025
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: yangjun:df2a52fe27df9afaf9984590b4323cb263eefc9f
Branches Tags
yangjun:master
..
compare: yangjun:a6e3db4d8b74665db76f9dce88c060cec2d55f6a
Branches Tags
yangjun:master

No commits in common. "df2a52fe27df9afaf9984590b4323cb263eefc9f" and "a6e3db4d8b74665db76f9dce88c060cec2d55f6a" have entirely different histories.
df2a52fe27 ... a6e3db4d8b

1 changed files with 23 additions and 23 deletions
Show Stats Expand all files Collapse all files

46
src/views/screen/Dashboard.vue
View File

@ -672,27 +672,27 @@ function updateChartCounty() {
}, },
series: [ series: [
// 背景条 // 背景条
{ {
type: 'bar', type: 'bar',
barWidth: 5, barWidth: 10,
data: names.map(() => maxVal), data: names.map(() => maxVal),
barGap: '-100%', barGap: '-100%',
itemStyle: { itemStyle: {
color: { color: {
type: 'linear', type: 'linear',
x: 0, y: 0, x2: 1, y2: 0, x: 0, y: 0, x2: 1, y2: 0,
colorStops: [{ offset: 0, color: 'rgba(106,211,255,0.06)' }, { offset: 1, color: 'rgba(106,211,255,0.01)' }] colorStops: [{ offset: 0, color: 'rgba(106,211,255,0.06)' }, { offset: 1, color: 'rgba(106,211,255,0.01)' }]
} }
}, },
z: 1, z: 1,
silent: true silent: true
}, },
// 第一个主体条（供水温度）- 左侧柱子 // 第一个主体条（供水温度）- 左侧柱子
{ {
type: 'bar', type: 'bar',
barWidth: 5, // 减小宽度 barWidth: 8, // 减小宽度
barGap: '60%', // 设置柱子间距 barGap: '30%', // 设置柱子间距
data: values1.map((val, index) => ({ data: values1.map((val, index) => ({
value: val, value: val,
itemStyle: { itemStyle: {
@ -712,8 +712,8 @@ function updateChartCounty() {
// 第二个主体条（回水温度）- 右侧柱子 // 第二个主体条（回水温度）- 右侧柱子
{ {
type: 'bar', type: 'bar',
barWidth: 5, // 减小宽度 barWidth: 8, // 减小宽度
barGap: '60%', // 设置柱子间距 barGap: '30%', // 设置柱子间距
data: values2.map((val, index) => ({ data: values2.map((val, index) => ({
value: val, value: val,
itemStyle: { itemStyle: {
@ -734,7 +734,7 @@ function updateChartCounty() {
{ {
type: 'pictorialBar', type: 'pictorialBar',
symbol: `image://${lqImg}`, symbol: `image://${lqImg}`,
symbolSize: [20, 20], // 减小图标大小 symbolSize: [25, 25], // 减小图标大小
symbolOffset: [11, -4], // 向左偏移，放在左侧柱子顶部 symbolOffset: [11, -4], // 向左偏移，放在左侧柱子顶部
symbolPosition: 'end', symbolPosition: 'end',
data: values1, data: values1,
@ -746,8 +746,8 @@ function updateChartCounty() {
{ {
type: 'pictorialBar', type: 'pictorialBar',
symbol: `image://${lqImg}`, symbol: `image://${lqImg}`,
symbolSize: [20, 20], // 减小图标大小 symbolSize: [25, 25], // 减小图标大小
symbolOffset: [13, 4], // 向右偏移，放在右侧柱子顶部 symbolOffset: [13, 6], // 向右偏移，放在右侧柱子顶部
symbolPosition: 'end', symbolPosition: 'end',
data: values2, data: values2,
z: 5, z: 5,
@ -757,7 +757,7 @@ function updateChartCounty() {
// 第一个标签（供水温度）- 左侧标签 // 第一个标签（供水温度）- 左侧标签
{ {
type: 'bar', type: 'bar',
barWidth: 5, barWidth: 8,
data: values1.map(() => maxVal.toFixed(1)), data: values1.map(() => maxVal.toFixed(1)),
itemStyle: { color: 'transparent' }, itemStyle: { color: 'transparent' },
label: { label: {
@ -765,7 +765,7 @@ function updateChartCounty() {
position: 'right', position: 'right',
distance: 40, distance: 40,
fontSize: 16, // 减小字体大小 fontSize: 16, // 减小字体大小
offset: [-20, -10], // 添加偏移量 offset: [-20, -20], // 添加偏移量
align: 'left', align: 'left',
color: '#ffffff', color: '#ffffff',
formatter: (params) => { formatter: (params) => {