|
@@ -10,8 +10,8 @@
|
|
|
</div>
|
|
|
<div class="road-card">
|
|
|
<div class="head-nav">
|
|
|
- <span>{{ roadDatas.label }} : </span>
|
|
|
- <span>{{ parseBigInt(roadDatas.value) }}</span>
|
|
|
+ <!-- <span>{{ roadDatas.label }} : </span>
|
|
|
+ <span>{{ parseBigInt(roadDatas.value) }}</span> -->
|
|
|
</div>
|
|
|
<div class="echart-box">
|
|
|
<div ref="road" class="road"></div>
|
|
@@ -66,12 +66,14 @@
|
|
|
right: '2%',
|
|
|
containLabel: true,
|
|
|
},
|
|
|
+ tooltip: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
xAxis: {
|
|
|
data: xData.value,
|
|
|
axisTick: {
|
|
|
show: false,
|
|
|
},
|
|
|
-
|
|
|
axisLine: {
|
|
|
lineStyle: {
|
|
|
color: 'rgba(187, 187, 187,.2)',
|
|
@@ -88,11 +90,13 @@
|
|
|
fontSize: 12,
|
|
|
},
|
|
|
margin: 20, //刻度标签与轴线之间的距离。
|
|
|
+ width: 50,
|
|
|
+ overflow: 'break',
|
|
|
},
|
|
|
},
|
|
|
yAxis: {
|
|
|
// max: Math.ceil(parseInt(roadDatas.value) + 1000),
|
|
|
- name: '长度(m)',
|
|
|
+ name: '长度(万m)',
|
|
|
nameTextStyle: {
|
|
|
color: '#3df6ff',
|
|
|
fontSize: 12,
|
|
@@ -117,7 +121,6 @@
|
|
|
},
|
|
|
},
|
|
|
},
|
|
|
-
|
|
|
series: [
|
|
|
// {
|
|
|
// //三个最低下的圆片
|
|
@@ -164,7 +167,6 @@
|
|
|
//lenged文本
|
|
|
opacity: 0.7,
|
|
|
color: function (params) {
|
|
|
- console.log(params, 'index-----222222222222222');
|
|
|
return new echarts.graphic.LinearGradient(
|
|
|
0,
|
|
|
0,
|
|
@@ -242,6 +244,11 @@
|
|
|
// // }
|
|
|
},
|
|
|
},
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ color: '#fff',
|
|
|
+ position: 'top',
|
|
|
+ },
|
|
|
data: yData.value,
|
|
|
},
|
|
|
|
|
@@ -324,7 +331,6 @@
|
|
|
color: '#163F7A',
|
|
|
opacity: 0.7,
|
|
|
},
|
|
|
-
|
|
|
data: maxData,
|
|
|
},
|
|
|
],
|