实现效果:

根据数据的不同,有的数据展示笑脸图标,有的展示难过图标,有的不展示图标。

效果图:

代码实现:主要运用富文本,rich与formatter实现。其他图也同理

import IconGood from '@/assets/images/icon-good.png'
import IconBad from '@/assets/images/icon-bad.png'
//1.首先引入图片
//2.在radar的name属性中进行配置
name: {   formatter: (labelName: string, raw: any) => {const { value } = rawconst label = []if (value > 80) {label.push('{good|}')  //展示笑脸}if (value > 90) {label.push('{bad|}')  //展示难过}label.push(`${labelName}`)return label.join(' ')},rich: {good: {width: 15,height: 15,align: 'left',backgroundColor: {   //重点在这image: IconGood}},bad: {width: 15,height: 15,align: 'left',backgroundColor: {image: IconBad}}}},

Echart图的雷达图label文字加图标相关推荐

  1. Python 数据分析三剑客之 Matplotlib(九):极区图 / 极坐标图 / 雷达图的绘制

    CSDN 课程推荐:<Python 数据分析与挖掘>,讲师刘顺祥,浙江工商大学统计学硕士,数据分析师,曾担任唯品会大数据部担任数据分析师一职,负责支付环节的数据分析业务.曾与联想.亨氏.网 ...

  2. matplotlib绘制直方图,饼图,散点图,气泡图,箱型图,雷达图

    matplotlib绘制直方图,饼图,散点图,气泡图,箱型图,雷达图 一.直方图 用10000个正态分布随机数画直方图 二.绘制饼图或者圆环图 圆环图 根据消费支出画圆环图 三.绘制散点图或气泡图 使 ...

  3. Python之基础详解(十二):进阶,用pyecharts绘制世界地图、玫瑰图、雷达图

    我之前发过一篇博文基本讲解了基本绘制地图的方法. 我这里打算直接调用api来创建实时动态地图,并且分析数据绘制了玫瑰图,雷达图. 步骤 配套资源下载: 第一步:配置环境 第二步:爬取数据 第三步:创建 ...

  4. Tableau绘制K线图、布林线、圆环图、雷达图

    Tableau绘制K线图.布林线.圆环图.雷达图 本文首发于博客冰山一树Sankey,去博客浏览效果更好.直接右上角搜索该标题即可 一. K线图 1.1 导入数据源 1.2 拖拽字段 将[日期]托到列 ...

  5. Android之玩转MPAndroidChart让(折线图、柱形图、饼状图、散列图、雷达图)优雅的舞...

    2019独角兽企业重金招聘Python工程师标准>>> 把开源项目MPAndroidChart里面的折线图.柱形图.饼状图.散列图.雷达图怎么使用和一些属性详细的介绍,当我们项目 g ...

  6. tableau可视化函数使用案例(六十六)-Tableau折线图作图方法(凹凸图、弧线图和雷达图)

    前言 Tableau是商业智能软件届的翘楚,对于制作各种可视化分析图表极为便捷.本文主要讲解用tableau制作各种多变折线图,包括凹凸图.弧线图和雷达图等. 注:本文所有案例数据均源于Tableau ...

  7. python雷达和柱形图_Python Pygal常见数据图(折线图、柱状图、饼图、点图、仪表图和雷达图)详解...

    Pygal 同样支持各种不同的数据图,比如饼图.折线图等.Pygal 的设计很好,不管是创建哪种数据图,Pygal 的创建方式基本是一样的,都是先创建对应的数据图对象,然后添加数据,最后对数据图进行配 ...

  8. 计算机的应用范围图表,Excel2013中各类曲面图气泡图雷达图等图表的效果及功能说明...

    在上一篇文章的介绍中,我们为大家介绍了图表作用.图表的元素及五种图表类型的构成,这里我们接着为大家介绍一下剩下的六种图表类型,即圆环图.面积图.曲面图.气泡图.股份图及雷达图. (6)圆环图 圆环图类 ...

  9. r语言library什么意思_医学统计与R语言:百分条图与雷达图

    微信公众号:医学统计与R语言如果你觉得对你有帮助,欢迎转发 百分条图-输入1: library(ggplot2) 结果1: year 输入2: percentbar <- gather(perc ...

最新文章

  1. 快起床刷题去,别人把你offer拿走啦
  2. oracle addm报告
  3. WTL 出现的SetMsgHandled和IsMsgHandled 错误
  4. 编码的奥秘:编码与组合
  5. mysql存储过程详解实例
  6. 网页测速 php,2020年8月更新 站长必备/测速工具网站推荐
  7. HDU - 2586 - How far away ? (最短路)
  8. 『DL笔记』预训练(pre-training/trained)与微调(fine tuning)
  9. 【USACO】山峰暸望
  10. 视频剪辑用计算机,用于视频剪辑的笔记本电脑,我们都有哪些选择
  11. 开源组态HmiFuncDesigner之如何在ProjectManager新增通讯设备插件
  12. aardio - 【库】webp图片转换
  13. java随机生成手机号
  14. 从键盘分别输入年、月、日判断这一天是当年的第几天
  15. JAVA实现功能的方法
  16. 面对批评与争议,苹果让步,延迟推出CSAM儿童保护功能
  17. 软通纽约_纽约地铁数学
  18. Git简介、安装教程附安装包
  19. OPENSTACK-2-管理OSP内部通信-实验
  20. 寒假第18页作业jQuery

热门文章

  1. css display属性及使用方法
  2. 个人网站可以申请什么样的https证书?
  3. LWN: Linux 5.3合入窗口进展 part 1
  4. 国内饮料行业数据浅析
  5. Excel技巧:如何巧妙计算结算日期?
  6. 高三计算机专业的班名,计算机专业班级口号 理科特色口号
  7. 计算机学校迎新条幅,迎新横幅标语
  8. QQ空间Qzone龙年春节彩蛋“会喷火的龙”制作揭秘
  9. nodejs+express+mysql开发(超详细)
  10. 我的世界java版遗迹与神器模组_我的世界遗迹与神器