parent
ec4f2ef216
commit
fc584ca5c1
|
|
@ -3,57 +3,57 @@ export default [
|
|||
name: '长沙市',
|
||||
value: [112.94, 28.23],
|
||||
},
|
||||
{
|
||||
name: '怀化市',
|
||||
value: [110.0, 27.57],
|
||||
},
|
||||
{
|
||||
name: '益阳市',
|
||||
value: [112.36, 28.55],
|
||||
},
|
||||
{
|
||||
name: '常德市',
|
||||
value: [111.7, 29.03],
|
||||
},
|
||||
{
|
||||
name: '岳阳市',
|
||||
value: [113.13, 29.36],
|
||||
},
|
||||
{
|
||||
name: '张家界市',
|
||||
value: [110.48, 29.12],
|
||||
},
|
||||
{
|
||||
name: '邵阳市',
|
||||
value: [111.47, 27.24],
|
||||
},
|
||||
{
|
||||
name: '娄底市',
|
||||
value: [111.99, 27.7],
|
||||
},
|
||||
{
|
||||
name: '湘潭市',
|
||||
value: [112.95, 27.83],
|
||||
},
|
||||
{
|
||||
name: '株洲市',
|
||||
value: [113.13, 27.83],
|
||||
},
|
||||
{
|
||||
name: '湘西土家族苗族自治州',
|
||||
value: [109.67, 28.22],
|
||||
},
|
||||
{
|
||||
name: '衡阳市',
|
||||
value: [112.57, 26.89],
|
||||
},
|
||||
// {
|
||||
// name: '怀化市',
|
||||
// value: [110.0, 27.57],
|
||||
// },
|
||||
// {
|
||||
// name: '益阳市',
|
||||
// value: [112.36, 28.55],
|
||||
// },
|
||||
// {
|
||||
// name: '常德市',
|
||||
// value: [111.7, 29.03],
|
||||
// },
|
||||
// {
|
||||
// name: '岳阳市',
|
||||
// value: [113.13, 29.36],
|
||||
// },
|
||||
// {
|
||||
// name: '张家界市',
|
||||
// value: [110.48, 29.12],
|
||||
// },
|
||||
// {
|
||||
// name: '邵阳市',
|
||||
// value: [111.47, 27.24],
|
||||
// },
|
||||
// {
|
||||
// name: '娄底市',
|
||||
// value: [111.99, 27.7],
|
||||
// },
|
||||
// {
|
||||
// name: '湘潭市',
|
||||
// value: [112.95, 27.83],
|
||||
// },
|
||||
// {
|
||||
// name: '株洲市',
|
||||
// value: [113.13, 27.83],
|
||||
// },
|
||||
// {
|
||||
// name: '湘西土家族苗族自治州',
|
||||
// value: [109.67, 28.22],
|
||||
// },
|
||||
// {
|
||||
// name: '衡阳市',
|
||||
// value: [112.57, 26.89],
|
||||
// },
|
||||
|
||||
{
|
||||
name: '永州市',
|
||||
value: [111.61, 26.42],
|
||||
},
|
||||
{
|
||||
name: '郴州市',
|
||||
value: [113.02, 25.77],
|
||||
},
|
||||
// {
|
||||
// name: '永州市',
|
||||
// value: [111.61, 26.42],
|
||||
// },
|
||||
// {
|
||||
// name: '郴州市',
|
||||
// value: [113.02, 25.77],
|
||||
// },
|
||||
]
|
||||
|
|
@ -186,7 +186,6 @@ import {JsonResult} from '@/axios'
|
|||
import {Ref, ref, watch, onMounted, onBeforeMount, reactive, getCurrentInstance, nextTick} from 'vue'
|
||||
import * as echarts from 'echarts'
|
||||
import api from '@/axios'
|
||||
import {fa} from 'element-plus/es/locale'
|
||||
const {proxy} = getCurrentInstance() as any
|
||||
const day = proxy.day
|
||||
onMounted(() => {
|
||||
|
|
@ -698,6 +697,7 @@ const initMapdt = (data: any, podat: any, name: any) => {
|
|||
map: 'myMap',
|
||||
geoIndex: 0, //geoIndex：第一个图层
|
||||
tooltip: {
|
||||
show: true,
|
||||
trigger: 'item',
|
||||
backgroundColor: 'rgba(0,0,0,0)',
|
||||
borderColor: 'rgba(0,0,0,0)',
|
||||
|
|
@ -754,60 +754,110 @@ const initMapdt = (data: any, podat: any, name: any) => {
|
|||
},
|
||||
data: [] as any[] // 添加与你的数据相关联的数据
|
||||
},
|
||||
{
|
||||
type: 'lines', // 飞线图
|
||||
tooltip: {
|
||||
show: false // 禁用飞线的 tooltip
|
||||
},
|
||||
zlevel: 2,
|
||||
effect: {
|
||||
show: true,
|
||||
period: 3, //箭头指向速度，值越小速度越快
|
||||
trailLength: 0.03, //特效尾迹长度[0,1]值越大，尾迹越长重
|
||||
symbol: 'arrow', //箭头图标
|
||||
symbolSize: 6 //图标大小
|
||||
},
|
||||
lineStyle: {
|
||||
color: '#EE5652',
|
||||
width: 1, //尾迹线条宽度
|
||||
opacity: 1, //尾迹线条透明度
|
||||
curveness: 0.3 //尾迹线条曲直度
|
||||
},
|
||||
data: linesData,
|
||||
symbol: ['none', 'circle'], //飞线起点终点点位样式
|
||||
symbolSize: 10 // 飞线起点终点点位大小
|
||||
},
|
||||
{
|
||||
// 散点图
|
||||
type: 'effectScatter', //在地图上绘制具有动态效果的散点图,实现视觉上的效果，比如涟漪效果或闪烁效果
|
||||
zlevel: 3, //图层的深度，值越大表示图层越高，覆盖在其他图层之上。通常用于分层显示效果
|
||||
coordinateSystem: 'geo',
|
||||
tooltip: {
|
||||
show: false // 禁用散点的 tooltip
|
||||
},
|
||||
data: effectScatterData,
|
||||
symbol: 'circle', // 设置散点的图形为圆形
|
||||
symbolSize: [10, 10], // 设置散点的大小，宽度为 20，高度为 10
|
||||
itemStyle: {
|
||||
color: 'orange', // 散点颜色设置为橙色
|
||||
shadowBlur: 10, // 设置散点的阴影模糊大小
|
||||
shadowColor: 'orange' // 阴影颜色为橙色
|
||||
},
|
||||
effectType: 'ripple', //动画效果类型设置为涟漪效果，即散点会呈现出波纹扩散的效果
|
||||
// showEffectOn:emphasis移入显示动画，render一开始显示动画
|
||||
// showEffectOn:render: 表示在图表渲染时立即显示动画效果
|
||||
showEffectOn: 'render',
|
||||
rippleEffect: {
|
||||
scale: 5, // 涟漪效果的扩展倍数，越大波纹越大
|
||||
brushType: 'stroke' // 涟漪效果的绘制方式，stroke 表示仅绘制波纹的边框，不填充
|
||||
}
|
||||
}
|
||||
// {
|
||||
// type: 'lines', // 飞线图
|
||||
// tooltip: {
|
||||
// show: false // 禁用飞线的 tooltip
|
||||
// },
|
||||
// zlevel: 2,
|
||||
// effect: {
|
||||
// show: true,
|
||||
// period: 3, //箭头指向速度，值越小速度越快
|
||||
// trailLength: 0.03, //特效尾迹长度[0,1]值越大，尾迹越长重
|
||||
// symbol: 'arrow', //箭头图标
|
||||
// symbolSize: 6 //图标大小
|
||||
// },
|
||||
// lineStyle: {
|
||||
// color: '#EE5652',
|
||||
// width: 1, //尾迹线条宽度
|
||||
// opacity: 1, //尾迹线条透明度
|
||||
// curveness: 0.3 //尾迹线条曲直度
|
||||
// },
|
||||
// data: linesData,
|
||||
// symbol: ['none', 'circle'], //飞线起点终点点位样式
|
||||
// symbolSize: 10 // 飞线起点终点点位大小
|
||||
// },
|
||||
// {
|
||||
// // 散点图
|
||||
// type: 'effectScatter', //在地图上绘制具有动态效果的散点图,实现视觉上的效果，比如涟漪效果或闪烁效果
|
||||
// zlevel: 3, //图层的深度，值越大表示图层越高，覆盖在其他图层之上。通常用于分层显示效果
|
||||
// coordinateSystem: 'geo',
|
||||
// tooltip: {
|
||||
// show: false, // 禁用散点的 tooltip
|
||||
// trigger: 'item',
|
||||
// backgroundColor: 'rgba(0,0,0,0)',
|
||||
// borderColor: 'rgba(0,0,0,0)',
|
||||
// extraCssText: 'box-shadow: 0 0 0 rgba(0, 0, 0, 0);',
|
||||
// textStyle: {fontSize: '16', color: '#fff'},
|
||||
// formatter: function (params: any) {
|
||||
// let datat = podat
|
||||
// let itemWithId2 = datat.children.find((item: any) => item.grope === params.name)
|
||||
// if (!itemWithId2) {
|
||||
// return `
|
||||
// <div style="
|
||||
// background: url('/keji_border.png') no-repeat center center;
|
||||
// background-size: contain;
|
||||
// height: 150px;
|
||||
// width: 300px;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// color: #fff;
|
||||
// padding: 10px;
|
||||
// box-sizing: border-box;
|
||||
// ">
|
||||
// 报警: 0<br />
|
||||
// 警情: 0<br />
|
||||
// AI预警: 0
|
||||
// </div>
|
||||
// `
|
||||
// } else {
|
||||
// return `
|
||||
// <div style="
|
||||
// background: url('/keji_border.png') no-repeat center center;
|
||||
// background-size: contain;
|
||||
// height: 150px;
|
||||
// width: 300px;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// color: #fff;
|
||||
// padding: 10px;
|
||||
// box-sizing: border-box;
|
||||
// ">
|
||||
// 报警: ${itemWithId2.alarmCount}<br />
|
||||
// 警情: ${itemWithId2.caseCount}<br />
|
||||
// AI预警: ${itemWithId2.aiCount}
|
||||
// </div>
|
||||
// `
|
||||
// }
|
||||
// }
|
||||
// },
|
||||
// data: effectScatterData,
|
||||
// symbol: 'circle', // 设置散点的图形为圆形
|
||||
// symbolSize: [10, 10], // 设置散点的大小，宽度为 20，高度为 10
|
||||
// itemStyle: {
|
||||
// color: 'orange', // 散点颜色设置为橙色
|
||||
// shadowBlur: 10, // 设置散点的阴影模糊大小
|
||||
// shadowColor: 'orange' // 阴影颜色为橙色
|
||||
// },
|
||||
// effectType: 'ripple', //动画效果类型设置为涟漪效果，即散点会呈现出波纹扩散的效果
|
||||
// // showEffectOn:emphasis移入显示动画，render一开始显示动画
|
||||
// // showEffectOn:render: 表示在图表渲染时立即显示动画效果
|
||||
// showEffectOn: 'render',
|
||||
// rippleEffect: {
|
||||
// scale: 5, // 涟漪效果的扩展倍数，越大波纹越大
|
||||
// brushType: 'stroke' // 涟漪效果的绘制方式，stroke 表示仅绘制波纹的边框，不填充
|
||||
// }
|
||||
// }
|
||||
]
|
||||
}
|
||||
if (name !== '湖南省') {
|
||||
// option.series = option.series.filter((series) => series.type !== 'lines')
|
||||
option.series[1].data = []
|
||||
option.series[2].data = []
|
||||
// option.series[1].data = []
|
||||
// option.series[2].data = []
|
||||
myChart.setOption(option)
|
||||
} else {
|
||||
myChart.setOption(option)
|
||||
|
|
|
|||
Loading…
Reference in New Issue