【echarts】解决动态条形图Bar Race国旗emoji在PC端不显示的问题

国旗emoji因为在PC端无法正常显示，呈现国家缩写的样式。

解决办法：

1.首先下载svg格式的国旗图片到本地

链接：https://pan.baidu.com/s/1iMDsKWFixfJuNN-NQi3mWg
提取码：upq5

2.改变yAxis处的代码

原来：

改变后（部分）：

axisLabel: {show: true,fontSize: 14,formatter: function (value) {return value + '{'+value+'|}';},rich: {China:{backgroundColor: {image: 'flagIcon/cn.svg'}},Peru:{backgroundColor: {image: 'flagIcon/pe.svg'}},}},

解释：

A.首先在formatter中将'{flag|' + getFlag(value) + '}'改成'{'+value+'|}'

此处value作为函数参数，分别为纵坐标最前面的国家名称字符串

写成{value|}的含义是，‘|’前面的值可以映射到rich里的对象，rich里可以规定标签的样式。

B.然后在rich里为每一个国家指明图片的位置，有几个国家，就要写几个对象

China:{backgroundColor: {image: 'flagIcon/cn.svg'}},

China对应国家名称，image后面为对应的国旗图片地址。

二者的对应关系可以参考下方json文件，name是国家名称，emoji为图片名称

https://fastly.jsdelivr.net/npm/emoji-flags@1.3.0/data.json

【echarts】解决动态条形图Bar Race国旗emoji在PC端不显示的问题相关推荐

python绘制动态条形图_Python 绘图与可视化 matplotlib 动态条形图 bar
第一种办法一种方法是每次都重新画,包括清除figure def animate(fi): bars=[] if len(frames)>fi: # axs.text(0.1,0.90,time ...
倩女幽魂pc端总是显示已于服务器断开,win10运行倩女幽魂已停止工作的解决方法...
在win10操作系统中倩女幽魂打开后就显示:qnyh.exe已停止工作 windows 正在查找该问题的解决方案... 然后整个游戏界面就白屏卡住的现象,是怎么回事该怎么办呢?在win10系统中运行倩 ...
微信PC端不显示头像和表情怎么解决
打开微信设置-文件管理-打开文件夹,退出微信,把WeChat Files\All Users\config目录下的config.data删除,重新登陆微信,就OK了.
最简单方法！！用python生成动态条形图（解决报错问题！）
最简单方法!!用python生成动态条形图文章目录最简单方法!!用python生成动态条形图 1. 安装第三方包: bar_chart_race 2. 数据准备 3. 函数讲解 4. 详细举例(复 ...
R语言gganimate包创建可视化gif动图：ggplot2可视化静态条形图（bar plot）、gganimate包创建动态条形图（bar plot）动画、基于transition_time函数
R语言gganimate包创建可视化gif动图:ggplot2可视化静态条形图(bar plot).gganimate包创建动态条形图(bar plot)动画.基于transition_time函数 ...
Win10下Python实现动态条形图(附解决matplotlib画图中文乱码问题)
1.安装最新的bar-chart-race包0.2版本从GitHub上下载压缩包,将解压后的文件夹放置在项目的创建的–虚拟环境/lib/python3.7/site-packages目录下. htt ...
实现echarts图标动态更新所遇到的问题与解决方法
1.Vue组件的prop数据: prop值更新的问题,通过prop把父组件的值传递给子组件,是单向流动的.随着父组件值的更新,子组件的值也会动态更新. 2.mounted生命周期和数据初始化由于数据 ...
刷爆全网的动态条形图，原来 5 行 Python 代码就能实现！
作者 | 小F 来源 | 法纳斯特(ID:walker398) 头图 | CSDN 下载自视觉中国说起动态图表,最火的莫过于动态条形图了. 在B站上搜索「数据可视化」这个关键词,可以看到很多与动态 ...
5行Python代码实现刷爆全网的动态条形图！
作者 | 小F 来源 | 法纳斯特(ID:walker398) 头图 | CSDN 下载自视觉中国说起动态图表,最火的莫过于动态条形图了. 在B站上搜索「数据可视化」这个关键词,可以看到很多与动态 ...

【echarts】解决动态条形图Bar Race国旗emoji在PC端不显示的问题

【echarts】解决动态条形图Bar Race国旗emoji在PC端不显示的问题相关推荐

最新文章

热门文章