|
@@ -54,7 +54,7 @@
|
|
|
grid: {
|
|
|
left: '7%',
|
|
|
right: '4%',
|
|
|
- bottom: '3%',
|
|
|
+ bottom: '15%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
toolbox: {
|
|
@@ -64,14 +64,16 @@
|
|
|
},
|
|
|
legend: {
|
|
|
data: ['水压/水位(兆帕/米)', '电量/信号(%)'],
|
|
|
- left: 10
|
|
|
+ // left: 10
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
axisTick: {
|
|
|
alignWithLabel: true
|
|
|
},
|
|
|
- data: this.bindData.stiem
|
|
|
+ data:this.bindData.stiem.map( function(value,index){
|
|
|
+ return `${value.substring(0,10)}\n${value.substring(11,20)}`
|
|
|
+ })
|
|
|
},
|
|
|
yAxis: [{
|
|
|
name: '水压/水位',
|
|
@@ -79,24 +81,24 @@
|
|
|
max: 1
|
|
|
}, {
|
|
|
name: '电量/信号',
|
|
|
- nameLocation: 'start',
|
|
|
+ // nameLocation: 'start',
|
|
|
max: 100,
|
|
|
type: 'value',
|
|
|
// inverse: true
|
|
|
}],
|
|
|
- dataZoom: [{
|
|
|
- type: 'slider',
|
|
|
- xAxisIndex: 0,
|
|
|
- filterMode: 'empty',
|
|
|
- start: 0,
|
|
|
- end: 100
|
|
|
- }, {
|
|
|
- type: 'inside',
|
|
|
- xAxisIndex: 0,
|
|
|
- filterMode: 'empty',
|
|
|
- start: 0,
|
|
|
- end: 100
|
|
|
- }],
|
|
|
+ // dataZoom: [{
|
|
|
+ // type: 'slider',
|
|
|
+ // xAxisIndex: 0,
|
|
|
+ // filterMode: 'empty',
|
|
|
+ // start: 0,
|
|
|
+ // end: 100
|
|
|
+ // }, {
|
|
|
+ // type: 'inside',
|
|
|
+ // xAxisIndex: 0,
|
|
|
+ // filterMode: 'empty',
|
|
|
+ // start: 0,
|
|
|
+ // end: 100
|
|
|
+ // }],
|
|
|
|
|
|
series: [{
|
|
|
name: tes2,
|
|
@@ -127,6 +129,7 @@
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
|
+
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
@@ -148,6 +151,11 @@
|
|
|
let myChart
|
|
|
export default {
|
|
|
mounted() {
|
|
|
+
|
|
|
+ console.log('this.bindData')
|
|
|
+ console.log(this.bindData)
|
|
|
+
|
|
|
+
|
|
|
if (typeof window.echarts === 'function') {
|
|
|
this.initEcharts()
|
|
|
} else {
|