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)
上一篇 2026年4月13日 下午8:04
下一篇 2026年4月13日 下午8:10


相关推荐

  • Android 原始套接字

    Android 原始套接字

    2021年9月10日
    84
  • 解决Eclipse中文乱码

    解决Eclipse中文乱码使用Eclipse编辑文件经常出现中文乱码或者文件中有中文不能保存的问题,Eclipse提供了灵活的设置文件编码格式的选项,我们可以通过设置编码格式解决乱码问题。在Eclipse可以从几个层面设置编码格式:Workspace、Project、ContentType、File 本文以Eclipse3.3(英文)为例加以说明: 1.设置Workspace的编码格式: Windows

    2022年5月13日
    41
  • ArcGIS地图打印

    ArcGIS地图打印个人学习笔记 仅供学习交流 参考书籍 ArcGIS 从 0 到 1 文章目录布局编辑插入 Excel 的方法插入图片固定比例尺打印导出地图局部打印批量打印标准分幅打印一张图多比例尺打印布局编辑 ArcGIS 的地图打印是在布局视图中完成的 所以地图打印前一定要切换到布局视图 切换方法 点击左下角的按钮 右键数据框可以设置数据框的属性 大小和位置等等 在主菜单 文件 下拉菜单下 选择 页面和打印设置 可以更改打印方式 插入 Excel 的方法 打开 excel 文档 选择需要打印的表格数据

    2026年3月19日
    3
  • 腾讯元宝怎么学英语启蒙

    腾讯元宝怎么学英语启蒙

    2026年3月13日
    2
  • pycharm for mac 快捷键整理

    pycharm for mac 快捷键整理command D 复制当前行 command delete 删除当前行 shift Enter 快速换行 command 快速注释 nbsp ctrl 加号打开折叠 ctrl 减号关闭折叠 ctrl shift 加号全部折叠 ctrl shift 减号全部展开 command 7 或者点击左下角的 structures 可以查看当前文件中代码的结构 T

    2026年3月27日
    3
  • fflush和fsync的联系和区别「建议收藏」

    fflush和fsync的联系和区别「建议收藏」1.提供者fflush是libc.a中提供的方法,fsync是系统提供的系统调用。2.原形fflush接受一个参数FILE*.fflush(FILE*);fsync接受的时一个Int型的文件描述符。fsync(intfd);3.功能fflush:是把C库中的缓冲调用write函数写到磁盘[其实是写到内核的缓冲区]。fsync:是把内核缓冲刷到磁盘上。c库

    2022年5月13日
    42

发表回复

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

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