echarts地图map鼠标移入区域颜色(渐变)

鼠标移入透明

在这里插入图片描述

itemStyle下 emphasis属性

itemStyle: {//    # 在未设置dataRange或	visualMap时设置有效normal: {// borderColor: 'rgba(12, 222, 255, 1)',// borderWidth: 0.8,areaColor: {type: 'linear-gradient',x: 0,y: 300,x2: 0,y2: 0,colorStops: [{offset: 0,color: 'rgba(0,0,0, 1)', // 0% 处的颜色},{offset: 1,color: 'rgba(0,0,0, 0)',},],global: true, // 缺省为 false},},emphasis: {shadowColor: 'rgba(0, 0, 0, 1)',shadowBlur: 10,shadowOffsetX: 5,shadowOffsetY: 5,areaColor: {type: 'linear-gradient',x: 0,y: 0,x2: 0,y2: 1,colorStops: [{offset: 0,color: 'rgba(243, 174, 48, 0)', // 0% 处的颜色},{offset: 1,color: 'rgba(243, 174, 48, 0)',},],},},},
   series: [{type: 'map',map: 'area',selectedMode: 'single',aspectScale: 0.73,layoutCenter: ['50%', '51%'], //地图位置layoutSize: '100%',// borderWidth: 20,// borderColor: "#ccc",itemStyle: {//    # 在未设置dataRange或	visualMap时设置有效normal: {// borderColor: 'rgba(12, 222, 255, 1)',// borderWidth: 0.8,areaColor: {type: 'linear-gradient',x: 0,y: 300,x2: 0,y2: 0,colorStops: [{offset: 0,color: 'rgba(0,0,0, 1)', // 0% 处的颜色},{offset: 1,color: 'rgba(0,0,0, 0)',},],global: true, // 缺省为 false},},emphasis: {shadowColor: 'rgba(0, 0, 0, 1)',shadowBlur: 10,shadowOffsetX: 5,shadowOffsetY: 5,areaColor: {type: 'linear-gradient',x: 0,y: 0,x2: 0,y2: 1,colorStops: [{offset: 0,color: 'rgba(243, 174, 48, 0)', // 0% 处的颜色},{offset: 1,color: 'rgba(243, 174, 48, 0)',},],},},},label: {normal: {show: true,fontFamily: 'SourceHanSansCN',fontSize: '14',color: '#FEFEFE',},emphasis: {show: true,fontFamily: 'SourceHanSansCN',fontSize: '14',color: '#FEFEFE',},},zlevel: 1,data: outdata,},],

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/232257.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Unix进程间通信之简介-总体概述和引子

目录标题 0. 前言1. 概述2. 进程、线程与信息共享3. IPC对象的持续性4. 名字空间5. fork、exec和exit对IPC对象的影响6. 出错处理: 包裹函数7. Unix标准8. 小结 0. 前言 进程间通信这块是学习linux-c编程的关键, 这篇为后续进程间通信技术的引子篇&#…

jdk多版本切换环境变量管理(jdk1.8和jdk17)

jdk多版本切换环境变量管理(jdk1.8和jdk17) 看了很多网上的博客,根本都不行,我总结出来规律如下: 首先环境变量要配置成这个样子:这些博客都会教你们配 接着配什么classpath,看其他博客就行 还…

Gitee基础知识

目录 1-gitee 1.1gitee介绍 1.2git与gitee的关系 1.3在国内为什么选择Gitee 2-注册与创建远程仓库 2.1注册 2.2创建远程仓库 2.3配置ssh公钥 2.3.1公钥的生成方法: 2.3.2 在gitee中配置公钥 2.3.4验证公钥 3-添加与推送远程仓库master 3.1基本命令…

go mod indirect

在 Go 语言中,"indirect" 标记的 require 子句通常是由 Go 模块系统自动生成的,而不是手动维护的。 当一个模块直接依赖于另一个模块,而后者又依赖于第三个模块时,Go 模块系统会自动检测并生成 "indirect" 标…

【1.9计算机组成与体系结构】总线

目录 1.总线的定义2.总线的分类 1.总线的定义 √ 总线是一组能为多个部件分时共享的公共信息传送线路。 🔵 共享 🔵 分时:是指同一时刻仅允许一个部件向总线发送信息,但允许多个部件同时从总线上接收相同的信息。 √ 串行总线 (适合长距离传…

拾陆[16],不带校正描述匹配模板,函数CreateUncalibDescriptorModel/FindUncalibDescriptorModel

函数CreateUncalibDescriptorModel 函数功能 创建一个不带校正透视描述符匹配模板 C形式 LIntExport void CreateUncalibDescriptorModel( const HObject& Template, const HTuple& DetectorType, const HTuple& DetectorParamName, const HTuple& Dete…

软件开发模型(架构师复习资料)

在计算机刚刚诞生的年代,计算机是一种只有天才才能掌握的工具。人们对软件的认知仅仅停留在程序的层面上,所谓的软件开发就是那些能够掌握计算机的天才们写的一些只有计算机才能理解的二进制序列。但随着技术的发展,软件的复杂度不断提高&…

1.0 ROS 主环境安装 VS 虚拟环境安装

1. ROS 主环境安装 VS 虚拟环境安装 1.1主环境安装 直接安装:ROS Melodic Morenia通常直接安装在Ubuntu或Debian的主操作系统环境中。这种方法简单直接,且能保证ROS的所有功能都能正常工作。系统级别的改动:在主环境中安装会对整个系统产生…

《ThreadLocal使用与学习总结:2023-12-15》史上最详细由浅入深解析ThreadLocal

由浅入深全面解析ThreadLocal 目录 由浅入深全面解析ThreadLocal简介基本使用ThreadLocal与synchronized的区别ThreadLocal现在的设计(JDK1.8)ThreadLocal核心方法源码分析ThreadLocalMap源码分析弱引用与内存泄露(内存泄漏和弱引用没有直接关…

计算机网络:自顶向下第八版学习指南笔记和课后实验--网络层(控制平面)

网络层:控制平面 记录一些学习计算机网络:自顶向下的学习笔记和心得 Github地址,欢迎star ⭐️⭐️⭐️⭐️⭐️ 控制平面作为一种网络范围的逻辑,不仅控制沿着从源主机到目的主机的端到端路径间的路由器如何转发数据报,而且控制…

php中文乱码或html中文乱码

参考gpt 一、在PHP中解决中文乱码问题的常见方案有以下几种: 设置字符编码: 在你的PHP代码中,可以使用header函数设置正确的字符编码。常见的字符编码是UTF-8,可以使用以下代码将页面的字符编码设置为UTF-8: header(Co…

do{ __HAL_RCC_GPIOH_CLK_ENABLE(); }while(0);

使用STM32 HAL库,专门用于在STM32微控制器上启用GPIOH (GPIO端口H)时钟。在此代码片段中,宏__HAL_RCC_GPIOH_CLK_ENABLE()用于启用GPIOH的时钟。do-while(0)结构通常用作为宏定义创建单行代码块的技巧。以这种方式使用do-while(0)结构允许宏像函数调用一…

3.3 右值引用:移动语义与完美转发

一、移动语义的引入 1.浅拷贝带来的问题 对于存在资源(文件,指针)类型成员的类对象,在执行拷贝的时候存在资源管理的问题,这是浅拷贝导致的。 此时我们可以重写拷贝构造实现深拷贝,解决资源管理的问题。 但是有的时候拷贝并不…

python实现 Qlearning算法 完整的输入输出测试数据

Q-learning是一种强化学习算法,用于解决基于动作-奖励机制的问题。以下是一个简单的 Python 实现 Q-learning 算法的示例,以解决一个简单的迷宫问题。 import numpy as np# 创建迷宫示例,用数字表示迷宫状态 # 0表示可通行的空格&#xff0c…

Mybatis Plus 多个SQL分布在多个Jar包如何全部加载

目录 1、问题 2、解决办法 3、还是不行怎么办(是的,我的就是两个项目一个行,一个还不行) 4、原因 1、问题 系统有多个JAR包,各自配置了不同的SQL XML配置文件,启动项目POM里也已经配置做了依赖&#xf…

疑难杂症汇总

linux安装32位库 sudo apt-get install libc6-dev-i386 sudo apt-get install lib32z1 带gdb调试bochs 安装相关依赖: sudo apt install build-essential libx11-dev libxrandr-dev libsdl1.2-dev vgabios bximage 安装脚本:进入bochs目录执行即可 …

【JavaScript】Set方法

基本用法 ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set本身是一个构造函数,用来生成 Set 数据结构。 const s new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x > s.add(x));for (let i of s) {co…

【QT】QDockWidget控件的使用

目录 1.概述 2.常用函数介绍 3.QDockWidget布局相关 4.QDockWidget的使用注意事项 5.使用场景 6.简单应用示例代码 1.概述 QDockWidget类提供了一个小部件,可以停靠在QMainWindow中,也可以作为桌面上的顶级窗口浮动。 QDockWidget提供了dock Widg…

EMC测试与整改实践?|深圳比创达电子

电磁兼容(EMC)测试和整改是当今社会对电磁兼容(EMC)意识日益深入的表现,EMC测试与整改随着社会对电磁环境要求的不断提高,越来越受到重视,下面就EMC测试与整改实践进行一下详细介绍。 一、什么是EMC测试? EMC测试是指在一定的电…

减速机振动相关标准 - 笔记

参考标准:国家标准|GB/T 39523-2020 减速机的振动标准与发动机不同,摘引: 原始加速度传感器波形 可以明显看到调幅波 它的驱动电机是300Hz~2000Hz范围的。这个采样时间是5秒,看分辨率至少1024线。可分出500条谱线。 频谱部分 …