|
|
@@ -472,112 +472,112 @@ export default {
|
|
|
this.$refs.supermap.layerSwitchingList_Data(urlList)
|
|
|
},
|
|
|
/** ----------------------------------底部按钮公用组件结束------------------------------------- */
|
|
|
- cameraChat() {
|
|
|
- // 基于准备好的dom，初始化echarts实例
|
|
|
- let myChart = echarts.init(document.getElementById('camera-chart'))
|
|
|
- // 绘制图表
|
|
|
- const dfColor = ['#92E1FF', '#0097FB', '#30ECA6', '#FFC227', '#FF4848']
|
|
|
- myChart.setOption({
|
|
|
- dataset: {
|
|
|
- source: this.sourceData
|
|
|
- },
|
|
|
- tooltip: {
|
|
|
- trigger: 'item'
|
|
|
-
|
|
|
- },
|
|
|
- grid: {
|
|
|
- top: '5%',
|
|
|
- left: '5%',
|
|
|
- // right: "4%",
|
|
|
- bottom: '0%',
|
|
|
- width: '75%',
|
|
|
- containLabel: true
|
|
|
- },
|
|
|
- dataZoom: [{
|
|
|
- show:true,
|
|
|
- type: 'slider',
|
|
|
- yAxisIndex:0,
|
|
|
- left:10,
|
|
|
- start: 0,
|
|
|
- end: this.sourceData.length > 10 ? 40 : 100,
|
|
|
- width:15
|
|
|
- }],
|
|
|
- xAxis: {
|
|
|
- show: false,
|
|
|
- type: 'value',
|
|
|
- left:10
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- type: 'category', // 不设置类目轴，抽离的dataset数据展示不出来
|
|
|
- inverse: true,
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- textStyle: {
|
|
|
- color: '#5deaff',
|
|
|
- fontSize: '12'
|
|
|
- }
|
|
|
- },
|
|
|
- splitLine: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- axisTick: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- axisLine: {
|
|
|
- show: false
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- series: [{
|
|
|
-
|
|
|
- type: 'bar',
|
|
|
- animationCurve: 'easeOutBack',
|
|
|
- barWidth: 5,
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
- position: 'right',
|
|
|
- offset: [0, 0],
|
|
|
- color: '#88dfd5',
|
|
|
- // fontSize: "12",
|
|
|
- style: {
|
|
|
- fill: '#fff'
|
|
|
- }
|
|
|
- },
|
|
|
- backgroundBar: {
|
|
|
- show: true,
|
|
|
- style: {
|
|
|
- fill: 'rgba(97,152,255,0.20)'
|
|
|
- }
|
|
|
- },
|
|
|
- barStyle: {
|
|
|
- stroke: 'rgba(41,244,236,1)'
|
|
|
- },
|
|
|
- gradient: {
|
|
|
- color: ['rgba(41,244,236,1)', 'rgba(41,244,236,0)']
|
|
|
- },
|
|
|
- itemStyle: {
|
|
|
- label: {
|
|
|
- show: true
|
|
|
- },
|
|
|
- labelLine: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
|
|
|
- offset: 0,
|
|
|
- color: 'rgba(41,244,236,0)'
|
|
|
- },
|
|
|
- {
|
|
|
- offset: 1,
|
|
|
- color: 'rgba(41,244,236,.5)'
|
|
|
- }
|
|
|
- ]),
|
|
|
- borderColor: '#a2f9f7',
|
|
|
- shadowBlur: 16,
|
|
|
- shadowColor: '#a2f9f7'
|
|
|
- }
|
|
|
- }]
|
|
|
- })
|
|
|
- },
|
|
|
+ // cameraChat() {
|
|
|
+ // // 基于准备好的dom，初始化echarts实例
|
|
|
+ // let myChart = echarts.init(document.getElementById('camera-chart'))
|
|
|
+ // // 绘制图表
|
|
|
+ // const dfColor = ['#92E1FF', '#0097FB', '#30ECA6', '#FFC227', '#FF4848']
|
|
|
+ // myChart.setOption({
|
|
|
+ // dataset: {
|
|
|
+ // source: this.sourceData
|
|
|
+ // },
|
|
|
+ // tooltip: {
|
|
|
+ // trigger: 'item'
|
|
|
+ //
|
|
|
+ // },
|
|
|
+ // grid: {
|
|
|
+ // top: '5%',
|
|
|
+ // left: '5%',
|
|
|
+ // // right: "4%",
|
|
|
+ // bottom: '0%',
|
|
|
+ // width: '75%',
|
|
|
+ // containLabel: true
|
|
|
+ // },
|
|
|
+ // dataZoom: [{
|
|
|
+ // show:true,
|
|
|
+ // type: 'slider',
|
|
|
+ // yAxisIndex:0,
|
|
|
+ // left:10,
|
|
|
+ // start: 0,
|
|
|
+ // end: this.sourceData.length > 10 ? 40 : 100,
|
|
|
+ // width:15
|
|
|
+ // }],
|
|
|
+ // xAxis: {
|
|
|
+ // show: false,
|
|
|
+ // type: 'value',
|
|
|
+ // left:10
|
|
|
+ // },
|
|
|
+ // yAxis: {
|
|
|
+ // type: 'category', // 不设置类目轴，抽离的dataset数据展示不出来
|
|
|
+ // inverse: true,
|
|
|
+ // axisLabel: {
|
|
|
+ // show: true,
|
|
|
+ // textStyle: {
|
|
|
+ // color: '#5deaff',
|
|
|
+ // fontSize: '12'
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // splitLine: {
|
|
|
+ // show: false
|
|
|
+ // },
|
|
|
+ // axisTick: {
|
|
|
+ // show: false
|
|
|
+ // },
|
|
|
+ // axisLine: {
|
|
|
+ // show: false
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ //
|
|
|
+ // series: [{
|
|
|
+ //
|
|
|
+ // type: 'bar',
|
|
|
+ // animationCurve: 'easeOutBack',
|
|
|
+ // barWidth: 5,
|
|
|
+ // label: {
|
|
|
+ // show: true,
|
|
|
+ // position: 'right',
|
|
|
+ // offset: [0, 0],
|
|
|
+ // color: '#88dfd5',
|
|
|
+ // // fontSize: "12",
|
|
|
+ // style: {
|
|
|
+ // fill: '#fff'
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // backgroundBar: {
|
|
|
+ // show: true,
|
|
|
+ // style: {
|
|
|
+ // fill: 'rgba(97,152,255,0.20)'
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // barStyle: {
|
|
|
+ // stroke: 'rgba(41,244,236,1)'
|
|
|
+ // },
|
|
|
+ // gradient: {
|
|
|
+ // color: ['rgba(41,244,236,1)', 'rgba(41,244,236,0)']
|
|
|
+ // },
|
|
|
+ // itemStyle: {
|
|
|
+ // label: {
|
|
|
+ // show: true
|
|
|
+ // },
|
|
|
+ // labelLine: {
|
|
|
+ // show: false
|
|
|
+ // },
|
|
|
+ // color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
|
|
|
+ // offset: 0,
|
|
|
+ // color: 'rgba(41,244,236,0)'
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // offset: 1,
|
|
|
+ // color: 'rgba(41,244,236,.5)'
|
|
|
+ // }
|
|
|
+ // ]),
|
|
|
+ // borderColor: '#a2f9f7',
|
|
|
+ // shadowBlur: 16,
|
|
|
+ // shadowColor: '#a2f9f7'
|
|
|
+ // }
|
|
|
+ // }]
|
|
|
+ // })
|
|
|
+ // },
|
|
|
selectDeviceType(index) {
|
|
|
this.iconCurrentIndex1 = index
|
|
|
//获取左侧动态感知设备
|
|
|
@@ -599,7 +599,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
that.visuForestCloudCameraBOList = res.data.visuForestCloudCameraBOList
|
|
|
- this.cameraChat()
|
|
|
+ // this.cameraChat()
|
|
|
if (res.data.visuForestCloudCameraBOList != null && res.data.visuForestCloudCameraBOList
|
|
|
.length > 0) {
|
|
|
for (let i = 0; i < res.data.visuForestCloudCameraBOList.length; i++) {
|
