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是每个颜色对应的名称
  },

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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

发表回复

您的电子邮箱地址不会被公开。

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