位置: IT常识 - 正文

echarts地图不同地区设置不同的颜色

编辑:rootadmin
echarts地图不同地区设置不同的颜色

推荐整理分享echarts地图不同地区设置不同的颜色,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

var myChart = ec.init(document.getElementById('main'));

let option = {

tooltip: {

trigger: 'item',

},

dataRange: {//左下角的颜色块。start:值域开始值;end:值域结束值;label:图例名称;color:自定义颜色值

x: 'left',

y: 'bottom',

show:false,

splitList: [

// 此处根据下方data中的value值来显示不同的颜色

{start: 10, label: '此处自定义', color: '#FFB956'},

{start: 8, end: 10, label: '此处自定义 高', color: '#E66C1B'},

{start: 5, end: 8, label: '此处自定义 中', color: '#F19610'},

{start: 3, end: 5, label: '此处自定义 低', color: '#8A00E1'},

{start:0, end: 3,label: '此处自定义', color: '#403C6F'}

]

},

series: [{

name: '中国',

type: 'map',

mapType: 'china',

selectedMode: false,//single 表示单选;multiple表示多选 默认flase不选

echarts地图不同地区设置不同的颜色

itemStyle: {

normal: {

label: {

show: false,//默认是否显示省份名称

},

areaStyle: {

color: '#f3f3f3',//默认的地图板块颜色

},

borderWidth:1,

borderColor:'#e1e1e1',

},

emphasis: {

label: {

show: true,//选中状态是否显示省份名称

},

areaStyle: {

color: '#90c31d',//选中状态的地图板块颜色

},

},

},

//此为需要显示不同颜色的数据

data: [

{name: '广东',selected: true,value:10},

{name: '广西',selected: true,value:10},

{name: '四川',selected: true,value:10},

]

}]

};

本文链接地址:https://www.jiuchutong.com/zhishi/284081.html 转载请保留说明!

上一篇:vue开发中,数据更新,但视图不刷新(vue数据处理在哪个阶段)

下一篇:Win7系统添加桌面小工具的方法(windows7增加桌面)

  • 腾讯会议背景设置(腾讯会议背景设计)

    腾讯会议背景设置(腾讯会议背景设计)

  • 小米智能门锁怎么换电池(小米智能门锁怎么连接wifi)

    小米智能门锁怎么换电池(小米智能门锁怎么连接wifi)

  • iphone11怎么清理缓存(iphone11怎么清理照片内存)

    iphone11怎么清理缓存(iphone11怎么清理照片内存)

  • 双十一订单最迟多久发货(双十一订单最迟几点发货)

    双十一订单最迟多久发货(双十一订单最迟几点发货)

  • 苹果x怎么录入门禁卡(苹果x怎么录入nfc电梯卡)

    苹果x怎么录入门禁卡(苹果x怎么录入nfc电梯卡)

  • 华为主页面怎么设置的(华为主页面怎么切换)

    华为主页面怎么设置的(华为主页面怎么切换)

  • 手机qq怎么设置查无此号(手机qq怎么设置空间权限)

    手机qq怎么设置查无此号(手机qq怎么设置空间权限)

  • 手机掉水里多久可以开机(手机掉水里多久会出现问题,已经用了两天了,没有事)

    手机掉水里多久可以开机(手机掉水里多久会出现问题,已经用了两天了,没有事)

  • 苹果手机如何与电视同屏幕显示(苹果手机如何与蓝牙耳机配对)

    苹果手机如何与电视同屏幕显示(苹果手机如何与蓝牙耳机配对)

  • oppok5停产了吗(oppok5还有卖吗)

    oppok5停产了吗(oppok5还有卖吗)

  • 电脑鼠标自己在动怎么办(电脑鼠标自己在动)

    电脑鼠标自己在动怎么办(电脑鼠标自己在动)

  • 冯诺依曼计算机的基本内容(冯诺依曼计算机的设计思想是什么)

    冯诺依曼计算机的基本内容(冯诺依曼计算机的设计思想是什么)

  • 抖音号被封了怎么注销(抖音号封了怎么办)

    抖音号被封了怎么注销(抖音号封了怎么办)

  • 手机灯光有紫外线吗(手机紫外线灯有用吗)

    手机灯光有紫外线吗(手机紫外线灯有用吗)

  • movc是什么指令(mov movc movx 指令有何不同?)

    movc是什么指令(mov movc movx 指令有何不同?)

  • 小米6x支持qc3.0吗

    小米6x支持qc3.0吗

  • 抖音和快手区别在哪(抖音和快手区别思维导图)

    抖音和快手区别在哪(抖音和快手区别思维导图)

  • vlog和视频的差别(vlog和短视频意思一样吗)

    vlog和视频的差别(vlog和短视频意思一样吗)

  • 爱奇艺赠送电影给好友(爱奇艺赠送电影给好友几次)

    爱奇艺赠送电影给好友(爱奇艺赠送电影给好友几次)

  • 苹果cpu坏了什么症状(苹果cpu坏了还值得修吗)

    苹果cpu坏了什么症状(苹果cpu坏了还值得修吗)

  • 华为各个系列的特点(华为各个系列的的意思是)

    华为各个系列的特点(华为各个系列的的意思是)

  • 抖音眼睛变色特效在哪(抖音里眼睛变色的是哪个特效)

    抖音眼睛变色特效在哪(抖音里眼睛变色的是哪个特效)

  • 如何用WPS自动生成目录(如何用wps自动生成序号)

    如何用WPS自动生成目录(如何用wps自动生成序号)

  • 苹果商店找不到探探(苹果商店找不到微信软件是怎么回事)

    苹果商店找不到探探(苹果商店找不到微信软件是怎么回事)

  • 红掌的养殖方法和注意事项(图文)(红掌的养殖方法和注意事项)

    红掌的养殖方法和注意事项(图文)(红掌的养殖方法和注意事项)

  • ppp-off命令  关闭ppp连线(终止pppoe会话)

    ppp-off命令 关闭ppp连线(终止pppoe会话)

  • 纳税等级怎么从M变成B需要什么条件
  • 待解预算收入税务局退税如何做账
  • 超率累进税率有哪些税种呢怎么算
  • 厂房自用和出租税收区别
  • 管道燃气工程设计方案
  • 建筑物进项税额可以抵扣吗
  • 固定资产盘点账务处理
  • 13%税开成了3%怎么报税
  • 建筑服务预征缴纳税款本期实际抵减税额怎么填
  • 可变现净值与公允价值孰低
  • 小规模季度报税流程
  • 银行理财收益算错兑付怎么办
  • 税收实体法要素中的基础性要素
  • 企业委托银行收款,银行以办妥手续,而企业尚未收到凭证
  • 文化建设服务费减免
  • 无票申报后开发票怎么申报
  • 报税的销售额怎么改数字
  • 资本公积 税务
  • 银行利息借贷方怎么做凭证
  • 亏损的结转分录
  • win7硬盘安装win10教程
  • 收支两条线是指
  • 息税前利润变化率计算
  • 非正常损失为什么不赔偿
  • php数组函数实现机选双色球
  • 补交上一年度的企业所得税费用的分录
  • 笔记本默认网关不可用怎么修复
  • 往来款作为投资款的影响
  • 商业银行的票据贴现业务与票据抵押贷款业务的区别
  • 公司的清洁费用是什么科目
  • 内斯塔特点
  • 发票开错的常见情况和处理办法?
  • 收到员工罚款分录
  • 全局函数使用
  • vue的路由器
  • 模型怎么部署
  • 研发企业所得税税率
  • phpcms api
  • 给客户买的车票怎么查询
  • 个人所得税专项扣除新标准一览表最新
  • 出差自己开车去开会怎么报销交通费
  • sql2000管理工具
  • 当月开票可以当月勾选吗
  • 纳税人的进项税额怎么算
  • 实际已缴纳所得税额大于初始化金额
  • 翻唱歌曲发行至国外的好处
  • 代开增值税额与实际缴款额差一分钱如何入账?
  • 高新技术企业的申报条件
  • 应纳税额和已缴税额一样
  • 发票开的是推广服务费计入什么费用?
  • 咨询费放到什么科目
  • 关联方往来款如何处理
  • 行政单位收到银行存款利息的会计分录
  • 其他应付款转实收资本走什么程序
  • mysql事件调用存储过程
  • 获取数据库最新的一条记录
  • windowsserver2016安装完成后怎么是命令模式
  • mysql清空数据表怎么恢复
  • xp局域网
  • centos页面
  • win10新界面曝光
  • 如何在xp系统中调整移动硬盘
  • win7如何开机修复系统
  • mac应用程序安装失败
  • win10wifi总是掉线
  • linux有哪几种安装方式
  • shell中的循环语句有哪些
  • cssdeck
  • 怎么设置网页就用指定浏览器
  • 浅谈一下新冠的好处
  • 夯实基础怎么读
  • 测试驱动开发的基本过程
  • android基础知识大全
  • python安装第三方模块
  • jquery设置单选框
  • ActivityManager: Warning: Activity not started, its current task has been brought to the front 的的问题
  • 职称申报密码找回
  • 自助办税服务厅怎么用
  • 集体诉讼的后果
  • 英国个税税率最高
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设