echarts地图更改具体某省份颜色以及更改地图整体颜色 china.js echarts geo map

一、首先，更改地图整体背景颜色效果如下：

具体实现方法是修改echarts的option.geo.itemStyle.normal.areaColor

let option = {geo: {itemStyle: {normal: {areaColor: 'rgba(37, 157, 255, 0.2)',}}}}

二、更改具体某省份颜色，以将青海的背景色更改为粉色为例，效果如图：

具体实现方式是修改echarts的option.geo.regions

let option = {geo: {regions: [{name: '青海',//与china.js对应的省份名称itemStyle: {areaColor: 'pink',//省份背景色}}]}}

才疏学浅，如有不足之处，欢迎指正。

echarts地图更改具体某省份颜色以及更改地图整体颜色 china.js echarts geo map相关推荐

在matlab中对中国地图中的不同省份按照高度进行渲染
直接上优化后的代码和效果图 colour_totall=128; % 载入地图数据 --各省的多边形数据 shp_data=shaperead('maps/bou2_4p.shp', 'UseGeoC ...
关于echarts实现地图并显示各省份名称及不同块显示不同原因，最后循环播放tooltip信息
最近接到这个需求,要把一些数据展示在地图上,并且能够自动播放,毕竟这是个大屏数据的项目,话不多少,直接上代码首先是要实现一个地图,显示每个省份的名字,首先准备要渲染的数据,根据你自己要求,接口返回的 ...
vue - vue使用echarts实现中国地图和点击省份进行查看
文章目录 1,实现的效果和功能 2,安装ECharts 3,main.js里面引入echarts 4,实现如下 5,遇到的问题 6,用到的模拟数据 1,实现的效果和功能 vue使用echarts实现中 ...
echarts地图的常见用法：基本使用、区域颜色分级、水波动画、区域轮播、给地图添加背景图片和图标、3d地图
前言最近几天用echarts做中国地图,就把以前写的demo:在vue中实现中国地图拿来用,结果到项目里直接报错了,后来发现是因为版本的问题,没办法只能从头进行踩坑了.以下内容基于vue3 和 e ...
高德地图的汽车路线规划的路线颜色样式更改
高德用的汽车路线规划,动画回放的功能,路线颜色改不了,粗细也改不了,所以会很丑.甲方爸爸很生气,后果很严重!!! 先来欣赏一下改之前的长什么样然后改之后看看: 是不是好看很多!!! 只贴部分代码片段 ...
echarts geo地图示例_用Python，炫酷地图轻松绘制，一起来学习吧
转自:数据分析1480 地图可视化是一种非常直观的数据分析结果展现形式,python 有很多可视化库可以实现,pyecharts 就是很多 python 爱好者喜爱的实现地图可视化方法之一.不可否认, ...
echarts map 点击地图区域变色_绘制炫酷的地图，不只是pyecharts.map！
导读:地图可视化是一种非常直观的数据分析结果展现形式,python有很多可视化库可以实现,pyecharts就是很多python爱好者喜爱的实现地图可视化方法之一.不可否认,pyecharts绘制的地 ...
[Echarts可视化] 一.入门篇之简单绘制中国地图和贵州地区
最近发生了很多事情,去到了一个新环境学习.但是不论在哪里,我都需要不忘初心,坚持做自己喜欢的事情,在CSDN写博客.教学.爱娜.生活等等. 这篇文章主要是通过Echarts可视化介绍入 ...
echarts map 点击地图区域变色_绘制炫酷的地图，不只是pyecharts！
点击上方"数据管道",选择"置顶星标"公众号干货福利,第一时间送达导读:地图可视化是一种非常直观的数据分析结果展现形式,python有很多可视化库可以实现, ...

echarts地图更改具体某省份颜色以及更改地图整体颜色 china.js echarts geo map

echarts地图更改具体某省份颜色以及更改地图整体颜色 china.js echarts geo map相关推荐

最新文章

热门文章