echarts 旭日图_sunburst图表

echarts 旭日图_sunburst图表echarts官网中的示例如下,我们只能看到一个visualMap的属性中加了inRange,便可以出来一个渐变色的图例但往往业务需求要的图例是这种格式的先贴一个实现的效果图,铛铛啷挡~~实现这个效果我们只需要操作viralMap的color属性和categories属性即可,如下:visualMap:{left:50,top:170,dimension:2,//orient:’horizontal’,

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

echarts官网中的示例如下,我们只能看到一个visualMap的属性中加了inRange,便可以出来一个渐变色的图例

echarts 旭日图_sunburst图表

但往往业务需求要的图例是这种格式的

echarts 旭日图_sunburst图表

先贴一个实现的效果图,铛铛啷挡~~

echarts 旭日图_sunburst图表实现这个效果我们只需要操作viralMap的color属性和 categories属性即可,如下:

visualMap: {
      left:50,      
      top:170,
      dimension: 2,
      // orient: 'horizontal',
      padding:5,
      textGap: 4,
      color: colors.reverse(),//colors是拿到的图例颜色数组,由于和name属性是反着的,所以一定要将 
                              数组reverse一下
      categories: ['Thinkpad','Ideapad','Success','Fail','Life cycle was on going','Life             
                   cycle was closed','No usage data','No IB data','Illegal LTB time','IB < 
                   usage','No_price_data','No warranty','IB data too less','NULL'
      ]//categories是每个颜色对应的名称
  },

这样,我们就可以实现自定义旭日图的图例了,这两组数据可以自己提取出来,当然也可以让后台的哥们返给你哈!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/189397.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Java 上传文件到ftp服务器「建议收藏」

    Java 上传文件到ftp服务器「建议收藏」前两篇文章我们搭建了一个ftp服务器,并对服务器进行了相应的配置,这篇文章我们来说一下我们如何上传文件。        先介绍一下项目,本项目采用的是springmvc+spring+mybatis,用maven进行项目管理。看一下项目结构。         如果单独做测试的话不用这么费劲,写一个简单的测试类就ok了!而在这个项目中,parent是所有项

    2025年9月12日
    5
  • wcdma,cdma2000,td-scdma_DWAD4和TD4的区别

    wcdma,cdma2000,td-scdma_DWAD4和TD4的区别CDMACDMA2000WCDMATD-SCDMA的区别

    2022年10月3日
    3
  • openwrt做主路由_开发三问

    openwrt做主路由_开发三问一、CBI语法CBI去修改UCI配置文件的值,CBI是通过web控件选择值去修改UCI文件。,所有的CBI文件都必须返回一个luci.cbi.Map类型的对象。–translate()是因为字符串中有空格,如果没有空格就不用使用该函数m=Map(“cbi_file”,translate(“FirstTabForm”),translate(“Pleasefilloutthefo

    2025年6月28日
    2
  • oracle11g安装后在哪打开_oracle数据库11g安装教程

    oracle11g安装后在哪打开_oracle数据库11g安装教程oracle11gRAC之srvctl命令:srvctl版本查询:[grid@dbserver1:/home/grid]$srvctl-Vsrvctlversion:11.2.0.1.0srvctl常用命令分类:*增加oracleasm/database/listener注册信息eg:srvctladdasm-lLISTENER-p+crs/dbserve-cluster/…

    2025年10月28日
    4
  • 盘点分布式文件存储系统____分布式文件存储系统简介

    盘点分布式文件存储系统____分布式文件存储系统简介在项目的数据存储中,结构化数据通常采用关系型数据库,非结构化数据(文件)的存储就有很多种方式,服务器本地存储、Nas挂载、ftp等等,今天就来盘点一下,分布式文件存储系统。一、分布式存储简介1、什么是分布式存储在开始介绍分布式存储之前,先了解一下,非分布式的存储方案。在单机时代,将文件直接存储在服务部署的服务器上——直连存储(DAS):存储和数据直连,拓展性、灵活性差。为了扩展,将文件和服务分离,通过网络连接——中心化存储(NAS、SAN):设备类型丰富,通过网络互连,具有一定的拓展.

    2022年6月10日
    74
  • idea控制台输出乱码

    idea控制台输出乱码

    2021年9月16日
    78

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号