| | |
| | | map: window.map, |
| | | |
| | | myChart: null, |
| | | options: [], |
| | | myChartShow: false, |
| | | flowPipeLine: null, |
| | | |
| | |
| | | const geom = JSON.parse(e.geomText) |
| | | this.currentSelectStartLine = window.L.geoJSON(geom, { |
| | | style: function (feature) { |
| | | return { color: 'rgba(0,255,0,.6)' } |
| | | return { |
| | | weight: 10, |
| | | color: 'rgba(0,255,0,.6)' |
| | | } |
| | | } |
| | | }).addTo(window.map) |
| | | window.map.panInsideBounds(this.currentSelectStartLine.getBounds()) |
| | |
| | | const geom = JSON.parse(e.geomText) |
| | | this.currentSelectEndLine = window.L.geoJSON(geom, { |
| | | style: function (feature) { |
| | | return { color: 'rgba(200,0,200,.6)' } |
| | | return { |
| | | weight: 10, |
| | | color: 'rgba(200,0,200,.6)' |
| | | } |
| | | } |
| | | }).addTo(window.map) |
| | | window.map.panInsideBounds(this.currentSelectEndLine.getBounds()) |
| | |
| | | let tempData |
| | | const storeData = [] |
| | | const dataList = [] |
| | | this.echartsList = [] |
| | | for (let i = 0; i < dataSeries.length; i++) { |
| | | if (storeData.length === 0) { |
| | | storeData.push(name) |
| | |
| | | } |
| | | dataList.push(dataSeries[i].pipelines.oilPipeID) |
| | | } |
| | | console.log(dataList) |
| | | // console.log(dataList) |
| | | // const seriesList = e.data.pointInterval |
| | | // let seriesdata |
| | | // for (let i = 0; i < seriesList.length; i++) { |
| | |
| | | selectRow (dataList) { |
| | | // console.log(dataList) |
| | | // 3. 使用刚指定的配置项和数据,显示图表 |
| | | const option = { |
| | | this.option = { |
| | | tooltip: { |
| | | trigger: 'axis', |
| | | axisPointer: { |
| | |
| | | } |
| | | } |
| | | }, |
| | | legend: { |
| | | // data: ['直接访问', '搜索引擎'] |
| | | data: dataList |
| | | }, |
| | | // legend: { |
| | | // // data: ['直接访问', '搜索引擎'] |
| | | // data: dataList |
| | | // }, |
| | | toolbox: { |
| | | show: false, |
| | | feature: { |
| | |
| | | textStyle: { |
| | | color: '#fff' |
| | | } |
| | | }, |
| | | } |
| | | // data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] |
| | | data: dataList |
| | | // data: dataList |
| | | } |
| | | ], |
| | | yAxis: [ |
| | |
| | | series: this.echartsList |
| | | } |
| | | this.myChartShow = true |
| | | this.myChart.setOption(option) |
| | | this.myChart.clear() |
| | | this.myChart.setOption(this.option) |
| | | }, |
| | | // 横断面清除 |
| | | jdmClear () { |
| | | this.hdmParam = null |
| | | this.tableData = [] |
| | | this.option = [] |
| | | this.myChartShow = false |
| | | this.myChart.clear() |
| | | if (this.measure != null) { |
| | | this.measure.destory() |
| | | } |