大屏日光夜光模式修改
Showing
4 changed files
with
36 additions
and
22 deletions
| ... | @@ -60,7 +60,7 @@ const nowDate = ref(`${year}-${formatMonth(month)}`) | ... | @@ -60,7 +60,7 @@ const nowDate = ref(`${year}-${formatMonth(month)}`) |
| 60 | let selectBase = ref() | 60 | let selectBase = ref() |
| 61 | let baseList = ref() | 61 | let baseList = ref() |
| 62 | let isLeader = ref(false) | 62 | let isLeader = ref(false) |
| 63 | // url.value = 'http://192.168.1.152:8899/login/sid=99afabdd-240a-4486-9b65-a9af641d6b51#/' | 63 | // url.value = 'http://192.168.1.152:8899/login/sid=986af69a-c0a2-44a8-9eb5-6702f5ff9a13#/' |
| 64 | url.value = window.location.href | 64 | url.value = window.location.href |
| 65 | result.value = url.value?.split('=')[1]?.split('#')[0]; | 65 | result.value = url.value?.split('=')[1]?.split('#')[0]; |
| 66 | 66 | ... | ... |
| ... | @@ -2190,12 +2190,12 @@ const handelContrast = (row1, row2, TBdata, HBdata, flag, type) => { | ... | @@ -2190,12 +2190,12 @@ const handelContrast = (row1, row2, TBdata, HBdata, flag, type) => { |
| 2190 | axisPointer: { | 2190 | axisPointer: { |
| 2191 | type: 'shadow' | 2191 | type: 'shadow' |
| 2192 | }, | 2192 | }, |
| 2193 | backgroundColor: 'rgba(5, 28, 51, 1)', // 背景色 | 2193 | backgroundColor: 'rgba(5, 28, 51, 1)',// 背景色 |
| 2194 | borderColor: 'rgba(46, 151, 198, 1)', // 边框颜色 | 2194 | borderColor: 'rgba(46, 151, 198, 1)',// 边框颜色 |
| 2195 | borderWidth: 1, // 边框宽度 | 2195 | borderWidth: 1, // 边框宽度 |
| 2196 | textStyle: { | 2196 | textStyle: { |
| 2197 | color: props.myTheme=='dark'?'#fff':'#515F6F', // 文字颜色 | 2197 | color: props.myTheme=='dark'?'#fff':'#515F6F',// 文字颜色 |
| 2198 | fontSize: 12, // 文字大小 | 2198 | fontSize: 12,// 文字大小 |
| 2199 | }, | 2199 | }, |
| 2200 | formatter: function (params) { | 2200 | formatter: function (params) { |
| 2201 | let tip = `${params[0].name}<br/>`; | 2201 | let tip = `${params[0].name}<br/>`; | ... | ... |
| ... | @@ -732,6 +732,9 @@ const setB = (arr1, arr2, arr3, arr4) => { | ... | @@ -732,6 +732,9 @@ const setB = (arr1, arr2, arr3, arr4) => { |
| 732 | borderColor: '#00FFBE', | 732 | borderColor: '#00FFBE', |
| 733 | borderWidth: 1 | 733 | borderWidth: 1 |
| 734 | }, | 734 | }, |
| 735 | lineStyle: { | ||
| 736 | width: 4 | ||
| 737 | }, | ||
| 735 | barWidth: '15%' | 738 | barWidth: '15%' |
| 736 | }, | 739 | }, |
| 737 | { | 740 | { |
| ... | @@ -743,18 +746,22 @@ const setB = (arr1, arr2, arr3, arr4) => { | ... | @@ -743,18 +746,22 @@ const setB = (arr1, arr2, arr3, arr4) => { |
| 743 | // data: [120, 132, 101, 134, 90, 230, 210, 101, 134, 90, 230, 210], | 746 | // data: [120, 132, 101, 134, 90, 230, 210, 101, 134, 90, 230, 210], |
| 744 | data: arr3, | 747 | data: arr3, |
| 745 | itemStyle: { | 748 | itemStyle: { |
| 746 | color: { | 749 | // color: { |
| 747 | type: 'linear', | 750 | // type: 'linear', |
| 748 | x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变 | 751 | // x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变 |
| 749 | colorStops: [ | 752 | // colorStops: [ |
| 750 | {offset: 0, color: 'rgba(32, 217, 170, .4)'}, // 顶部颜色 | 753 | // {offset: 0, color: 'rgba(32, 217, 170, .4)'}, // 顶部颜色 |
| 751 | {offset: 1, color: 'rgba(8, 130, 160, .4)'} // 底部颜色 | 754 | // {offset: 1, color: 'rgba(8, 130, 160, .4)'} // 底部颜色 |
| 752 | ], | 755 | // ], |
| 753 | 756 | // | |
| 754 | }, | 757 | // }, |
| 758 | color:'#695ff9', | ||
| 755 | borderColor: 'rgba(0, 255 ,190, .4)', | 759 | borderColor: 'rgba(0, 255 ,190, .4)', |
| 756 | borderWidth: 1 | 760 | borderWidth: 1 |
| 757 | }, | 761 | }, |
| 762 | lineStyle: { | ||
| 763 | width: 4 | ||
| 764 | }, | ||
| 758 | barWidth: '15%' | 765 | barWidth: '15%' |
| 759 | }, | 766 | }, |
| 760 | { | 767 | { |
| ... | @@ -777,6 +784,9 @@ const setB = (arr1, arr2, arr3, arr4) => { | ... | @@ -777,6 +784,9 @@ const setB = (arr1, arr2, arr3, arr4) => { |
| 777 | borderColor: '#F0FF00', | 784 | borderColor: '#F0FF00', |
| 778 | borderWidth: 1 | 785 | borderWidth: 1 |
| 779 | }, | 786 | }, |
| 787 | lineStyle: { | ||
| 788 | width: 4 | ||
| 789 | }, | ||
| 780 | barWidth: '15%' | 790 | barWidth: '15%' |
| 781 | }, | 791 | }, |
| 782 | { | 792 | { |
| ... | @@ -788,17 +798,21 @@ const setB = (arr1, arr2, arr3, arr4) => { | ... | @@ -788,17 +798,21 @@ const setB = (arr1, arr2, arr3, arr4) => { |
| 788 | // data: [150, 232, 201, 154, 190, 330, 410, 201, 154, 190, 330, 410], | 798 | // data: [150, 232, 201, 154, 190, 330, 410, 201, 154, 190, 330, 410], |
| 789 | data: arr2, | 799 | data: arr2, |
| 790 | itemStyle: { | 800 | itemStyle: { |
| 791 | color: { | 801 | // color: { |
| 792 | type: 'linear', | 802 | // type: 'linear', |
| 793 | x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变 | 803 | // x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变 |
| 794 | colorStops: [ | 804 | // colorStops: [ |
| 795 | {offset: 0, color: 'rgba(242, 196, 0,.5 )'}, // 顶部颜色 | 805 | // {offset: 0, color: 'rgba(242, 196, 0,.5 )'}, // 顶部颜色 |
| 796 | {offset: 1, color: 'rgba(153, 101, 0,.5 )'} // 底部颜色 | 806 | // {offset: 1, color: 'rgba(153, 101, 0,.5 )'} // 底部颜色 |
| 797 | ] | 807 | // ] |
| 798 | }, | 808 | // }, |
| 809 | color:'#0080df', | ||
| 799 | borderColor: 'rgba(240,255,0, .4)', | 810 | borderColor: 'rgba(240,255,0, .4)', |
| 800 | borderWidth: 1 | 811 | borderWidth: 1 |
| 801 | }, | 812 | }, |
| 813 | lineStyle: { | ||
| 814 | width: 4 | ||
| 815 | }, | ||
| 802 | barWidth: '15%' | 816 | barWidth: '15%' |
| 803 | 817 | ||
| 804 | }, | 818 | }, | ... | ... |
-
Please register or sign in to post a comment