Echart图的雷达图label文字加图标
实现效果:
根据数据的不同,有的数据展示笑脸图标,有的展示难过图标,有的不展示图标。
效果图:
代码实现:主要运用富文本,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文字加图标相关推荐
- Python 数据分析三剑客之 Matplotlib(九):极区图 / 极坐标图 / 雷达图的绘制
CSDN 课程推荐:<Python 数据分析与挖掘>,讲师刘顺祥,浙江工商大学统计学硕士,数据分析师,曾担任唯品会大数据部担任数据分析师一职,负责支付环节的数据分析业务.曾与联想.亨氏.网 ...
- matplotlib绘制直方图,饼图,散点图,气泡图,箱型图,雷达图
matplotlib绘制直方图,饼图,散点图,气泡图,箱型图,雷达图 一.直方图 用10000个正态分布随机数画直方图 二.绘制饼图或者圆环图 圆环图 根据消费支出画圆环图 三.绘制散点图或气泡图 使 ...
- Python之基础详解(十二):进阶,用pyecharts绘制世界地图、玫瑰图、雷达图
我之前发过一篇博文基本讲解了基本绘制地图的方法. 我这里打算直接调用api来创建实时动态地图,并且分析数据绘制了玫瑰图,雷达图. 步骤 配套资源下载: 第一步:配置环境 第二步:爬取数据 第三步:创建 ...
- Tableau绘制K线图、布林线、圆环图、雷达图
Tableau绘制K线图.布林线.圆环图.雷达图 本文首发于博客冰山一树Sankey,去博客浏览效果更好.直接右上角搜索该标题即可 一. K线图 1.1 导入数据源 1.2 拖拽字段 将[日期]托到列 ...
- Android之玩转MPAndroidChart让(折线图、柱形图、饼状图、散列图、雷达图)优雅的舞...
2019独角兽企业重金招聘Python工程师标准>>> 把开源项目MPAndroidChart里面的折线图.柱形图.饼状图.散列图.雷达图怎么使用和一些属性详细的介绍,当我们项目 g ...
- tableau可视化函数使用案例(六十六)-Tableau折线图作图方法(凹凸图、弧线图和雷达图)
前言 Tableau是商业智能软件届的翘楚,对于制作各种可视化分析图表极为便捷.本文主要讲解用tableau制作各种多变折线图,包括凹凸图.弧线图和雷达图等. 注:本文所有案例数据均源于Tableau ...
- python雷达和柱形图_Python Pygal常见数据图(折线图、柱状图、饼图、点图、仪表图和雷达图)详解...
Pygal 同样支持各种不同的数据图,比如饼图.折线图等.Pygal 的设计很好,不管是创建哪种数据图,Pygal 的创建方式基本是一样的,都是先创建对应的数据图对象,然后添加数据,最后对数据图进行配 ...
- 计算机的应用范围图表,Excel2013中各类曲面图气泡图雷达图等图表的效果及功能说明...
在上一篇文章的介绍中,我们为大家介绍了图表作用.图表的元素及五种图表类型的构成,这里我们接着为大家介绍一下剩下的六种图表类型,即圆环图.面积图.曲面图.气泡图.股份图及雷达图. (6)圆环图 圆环图类 ...
- r语言library什么意思_医学统计与R语言:百分条图与雷达图
微信公众号:医学统计与R语言如果你觉得对你有帮助,欢迎转发 百分条图-输入1: library(ggplot2) 结果1: year 输入2: percentbar <- gather(perc ...
最新文章
- 快起床刷题去,别人把你offer拿走啦
- oracle addm报告
- WTL 出现的SetMsgHandled和IsMsgHandled 错误
- 编码的奥秘:编码与组合
- mysql存储过程详解实例
- 网页测速 php,2020年8月更新 站长必备/测速工具网站推荐
- HDU - 2586 - How far away ? (最短路)
- 『DL笔记』预训练(pre-training/trained)与微调(fine tuning)
- 【USACO】山峰暸望
- 视频剪辑用计算机,用于视频剪辑的笔记本电脑,我们都有哪些选择
- 开源组态HmiFuncDesigner之如何在ProjectManager新增通讯设备插件
- aardio - 【库】webp图片转换
- java随机生成手机号
- 从键盘分别输入年、月、日判断这一天是当年的第几天
- JAVA实现功能的方法
- 面对批评与争议,苹果让步,延迟推出CSAM儿童保护功能
- 软通纽约_纽约地铁数学
- Git简介、安装教程附安装包
- OPENSTACK-2-管理OSP内部通信-实验
- 寒假第18页作业jQuery