From f74222e571d9164a59e01194f35ff1e34f10a423 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Fri, 15 Dec 2023 17:12:33 +0800
Subject: [PATCH] fix:热力图播放
---
src/views/deviceDetail/index.vue | 48 +++++++++++++++++++++++++++++++++++++-----------
1 files changed, 37 insertions(+), 11 deletions(-)
diff --git a/src/views/deviceDetail/index.vue b/src/views/deviceDetail/index.vue
index 9b4ab1c..0fe0de8 100644
--- a/src/views/deviceDetail/index.vue
+++ b/src/views/deviceDetail/index.vue
@@ -338,6 +338,7 @@
// ���������import������������������from'������������������';
import json from '@/assets/json/sensor.json'
+import * as echarts from 'echarts'
// import { parse } from 'path-to-regexp'
// import LineChart from '@/components/Echarts/LineChart'
// import draggable from 'vuedraggable'
@@ -446,6 +447,7 @@
watch: {
PM2_5Data(val) {
// console.log('���������' + val)
+ this.myChart = null
this.drawChart()
},
leftaSide(n, o) {
@@ -702,6 +704,7 @@
if (this.ws) {
this.ws.close()
}
+
var that = this
// ������������
// var param = this.accountId + '&' + this.orgId + '&' + this.macName
@@ -709,15 +712,16 @@
// ������URL
var socketUrl
if (this.equipment === 'car') {
- socketUrl = 'http://47.99.64.149:8081/api/cruiserWebsocket/' + this.macName
+ socketUrl = 'https://qx.7drlb.com/api/cruiserWebsocket/' + this.macName
// socketUrl = 'http://192.168.0.11:8081/cruiserWebsocket/' + this.macName
} else {
- socketUrl = 'http://47.99.64.149:8081/api/singleDevice/' + this.macName
+ socketUrl = 'https://qx.7drlb.com/api/singleDevice/' + this.macName
// socketUrl = 'http://192.168.0.11:8081/singleDevice/' + this.macName
}
// ������http���WS
- socketUrl = socketUrl.replace('https', 'ws').replace('http', 'ws')
+ socketUrl = socketUrl.replace('https', 'wss').replace('http', 'ws')
+ console.log('socketUrl', socketUrl)
this.ws = new WebSocket(socketUrl)
this.ws.onopen = function() {
@@ -1231,7 +1235,7 @@
const that = this
var bar_dv = this.$refs.main
if (bar_dv) {
- that.myChart = this.$echarts.init(bar_dv)
+ that.myChart = echarts.init(bar_dv)
var option = {
title: {
left: 'center',
@@ -1247,14 +1251,20 @@
bottom: 25
},
tooltip: {
- // formatter:function(res){
- // console.log(res,'res');
- // var result=''
- // var html1='<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#fff;"></span>'
- // result+=res[0].axisValue+"<br/>"+html1+res[0].value
- // return result
- // },
+ formatter: function(res) {
+ console.log(res, 'res')
+ var result = ''
+ var html1 = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:red;"></span>'
+ result += res[0].axisValue + '<br/>' + html1 + res[0].value
+ return result
+ },
trigger: 'axis',
+ backgroundColor: '#444', // ������������rgba������������������������������
+ color: 'red',
+ textStyle: { // ���������������������
+ color: '#fff',
+ fontSize: 12
+ },
axisPointer: {
type: 'cross',
label: {
@@ -1283,6 +1293,22 @@
},
series: [
{
+ // prettier-ignore
+ itemStyle: {
+ normal: {
+ color: '#fff', // ������������
+ borderColor: 'red', // ������������������
+ borderWidth: 3// ������������������
+ },
+ emphasis: { // ������������������(������������������������)
+ borderColor: '#c00', // ������������������
+ borderWidth: 2, // ������������������
+ shadowColor: '#c00', // ������������
+ shadowBlur: 3, // ������������������������
+ color: 'red'// hover������������������
+ }
+ },
+ symbolSize: 6,
data: this.PM2_5Data,
type: 'line',
label: {
--
Gitblit v1.8.0