位置: 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增加桌面)

  • 微信金币怎么赠送给好友(微信支付里面的金币怎么赠送好友)

    微信金币怎么赠送给好友(微信支付里面的金币怎么赠送好友)

  • 手机双摄像头有什么用(手机上双摄像头为什么就一个能用)

    手机双摄像头有什么用(手机上双摄像头为什么就一个能用)

  • qq一共有多少个字符(qq一共有多少个普通字符)

    qq一共有多少个字符(qq一共有多少个普通字符)

  • 数据int的取值范围是多少(数据int的取值范围怎么算)

    数据int的取值范围是多少(数据int的取值范围怎么算)

  • vmos无法连接网络(vmos无法连接网络怎么办)

    vmos无法连接网络(vmos无法连接网络怎么办)

  • 小米6有nfc功能吗(小米6nfc功能怎么用)

    小米6有nfc功能吗(小米6nfc功能怎么用)

  • 微博怎么关闭自动播放下一个(微博怎么关闭自动刷新)

    微博怎么关闭自动播放下一个(微博怎么关闭自动刷新)

  • 单元格地址绝对引用的方法是(单元格地址绝对引用公式)

    单元格地址绝对引用的方法是(单元格地址绝对引用公式)

  • iphone7plus有红外吗(iPhone7plus有红外功能吗)

    iphone7plus有红外吗(iPhone7plus有红外功能吗)

  • 华为手机怎么一直亮屏(华为手机怎么一键锁屏)

    华为手机怎么一直亮屏(华为手机怎么一键锁屏)

  • 苹果全国联保包括什么(苹果全国联保保修范围)

    苹果全国联保包括什么(苹果全国联保保修范围)

  • 闲鱼卖家可以取消交易吗(闲鱼卖家可以取消拍卖吗)

    闲鱼卖家可以取消交易吗(闲鱼卖家可以取消拍卖吗)

  • airpods充电线是什么接口(airpods充电线是什么)

    airpods充电线是什么接口(airpods充电线是什么)

  • iphone全国保修吗(苹果全国保修吗)

    iphone全国保修吗(苹果全国保修吗)

  • 大数据四大特征包括(大数据四大特征分别是)

    大数据四大特征包括(大数据四大特征分别是)

  • 爱奇艺会员手机和电脑通用吗(爱奇艺会员手机和电脑能共用吗)

    爱奇艺会员手机和电脑通用吗(爱奇艺会员手机和电脑能共用吗)

  • iphone5怎么设置控制中心(iphone5怎么设置悬浮球)

    iphone5怎么设置控制中心(iphone5怎么设置悬浮球)

  • 抖音已重置怎么恢复(抖音重置怎么弄)

    抖音已重置怎么恢复(抖音重置怎么弄)

  • 手机客户端在手机哪里(手机客户端在手机哪里找)

    手机客户端在手机哪里(手机客户端在手机哪里找)

  • 苹果手机倒计时天数怎么弄(苹果手机倒计时秒表)

    苹果手机倒计时天数怎么弄(苹果手机倒计时秒表)

  • 快手降权什么标志(快手降权了怎么能恢复)

    快手降权什么标志(快手降权了怎么能恢复)

  • 微信头像右上角蓝圈什么意思(微信头像右上角有个标志)

    微信头像右上角蓝圈什么意思(微信头像右上角有个标志)

  • 华为mate20开发者选项在哪(华为mate20开发者选项怎么设置省电?)

    华为mate20开发者选项在哪(华为mate20开发者选项怎么设置省电?)

  • 清理喇叭灰尘(iphone清理喇叭灰尘)

    清理喇叭灰尘(iphone清理喇叭灰尘)

  • 笔记本屏幕清洁与保护的注意事项(笔记本屏幕清洁剂推荐)

    笔记本屏幕清洁与保护的注意事项(笔记本屏幕清洁剂推荐)

  • dede织梦模板扩展标签及自定义标签的教程(织梦如何给栏目增加缩略图)

    dede织梦模板扩展标签及自定义标签的教程(织梦如何给栏目增加缩略图)

  • 组成计税价格包括什么
  • 要交多少增值税
  • 国际反避税措施
  • 餐饮费入什么科目
  • 增值税留抵抵欠税政策解读
  • 网银制单了没有审核有影响吗
  • 资金账簿印花税最新政策2022年
  • 劳务工资入什么科目
  • 扣缴附加税怎么做分录
  • 中小企业工会经费怎么算
  • 网上车辆购置税缴纳
  • 银行汇票应计入什么科目
  • 跨年销售收入退回增值税处理
  • 成本跨年如何处理
  • 银行美元账户调汇会计分录
  • 房产税要来了!租金也要交,最高达到12%
  • 农产品进项税抵扣计算例题
  • 社保缴费申报表文件
  • 税务票开错了怎么办理退税
  • 公积金代扣时会扣多少
  • 工会经费怎么申报,多久报一次
  • 税务自查补税后还有风险吗
  • 销售货物结转成本会计分录
  • win10为什么毛病这么多
  • 微软推出windows11系
  • 销售使用过的固定资产可以开专票吗
  • php单例模式demo
  • 实际成本法核算会计分录
  • vue的安装命令
  • php二维码解码
  • 计提下月工资怎么算
  • 公司购买土地建厂房怎么入账
  • 企业取得交易性金融资产时
  • 深入理解php类的知识
  • vant ui
  • 销售房产收取预算费用
  • 纳税申报的流程如何?面试怎么说
  • 旅行社的增值税税率
  • 利润表反映了什么能力
  • 对方开具红字发票,我方怎么查询
  • 专项扣除影响实绩吗
  • 一联发票和二联发票
  • 允许抵扣的进项税
  • 小规模企业现金流量表
  • 劳务公司账务处理实例
  • 增值税进项税额加计抵减政策
  • 印花税漏报,税务局怎么罚款
  • 公司购买的空调
  • 预付账款如何调平
  • 附加税 减免
  • 发票未到成本如何做分录
  • 股东投入的资金在现金流量表中如何提现
  • 资产计提减值如何进行账面记录
  • 建设项目财务费用包括哪些
  • 哪些可以做进项税
  • 购买商品发生的费用计入
  • 房租增值税专用发票需要开多张,单位和数量如何填写
  • 生产成本明细账怎么填图片
  • 无形资产占公司比例
  • 忘记MySQL的root密码该怎么办
  • win8怎么查看系统版本
  • mac双系统切换快捷键
  • 怎么在ubuntu上编程
  • ubuntu系统电脑开机键盘亮 屏幕不亮
  • win7系统盘u盘
  • win7temp文件夹在哪
  • window8设置在哪里
  • unix系统常用命令大全
  • cocos内存管理
  • jQ处理xml文件和xml字符串的方法(详解)
  • python视频下载
  • node.js下载安装教程
  • Android开发工具
  • 简述shell命令提示符的组成
  • js当前时间格式化
  • android界面设计规范
  • 土地招标拍卖挂牌
  • 周报要素
  • 南通国税电子税务局
  • 上海市浦东新区人民医院
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设