HC_YFZX
/
CaiYuanYiTiHua
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

柱状图增加单个背景，调整宽度

dianlixunjian
刘妍 2024-08-06 10:49:45 +08:00
parent 6350a1f7e0
commit 4753742cc4
3 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/sys/exception/rightDataScreen/brokenline/index.vue
View File

@ -32,7 +32,7 @@
</div>
</div>
<div class="brokenline-content">
<div id="brokenline" style="height: 27vh"> </div>
<div id="brokenline" style="height: 25vh"> </div>
<span class="brokenline-unit">单位：</span>
</div>
</div>

1
src/views/sys/exception/rightDataScreen/circulation/index.vue
View File

@ -144,6 +144,7 @@
z-index: 10;
width: 100%;
height: 26vh;
margin-top: 10px;
}
.circulation-title {
display: flex;

21
src/views/sys/exception/rightDataScreen/columnar/index.vue
View File

@ -23,7 +23,7 @@
</div>
</div>
<div class="columnar-content">
<div id="columnar" style="height: 27vh"> </div>
<div id="columnar" style="height: 25vh"> </div>
<span class="columnar-unit">单位：</span>
</div>
</div>
@ -199,7 +199,12 @@
{
name: '图斑面积',
type: 'bar',
barWidth: 18,
barWidth: 14,
showBackground: true,
backgroundStyle: {
color: 'rgba(22, 40, 45,0.6)',
},
barGap: 0,
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@ -219,7 +224,11 @@
{
name: '耕地面积',
type: 'bar',
barWidth: 18,
barWidth: 14,
showBackground: true,
backgroundStyle: {
color: 'rgba(22, 40, 45,0.6)',
},
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@ -239,7 +248,11 @@
{
name: '永久基本农田面积',
type: 'bar',
barWidth: 18,
barWidth: 14,
showBackground: true,
backgroundStyle: {
color: 'rgba(22, 40, 45,0.6)',
},
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [