Echarts 图例分两行显示

画折线图的时候遇到了一个问题,注意左下角那个图：

那个图例，丑到爆啊，作为强迫症的我忍不了他！必须改掉！！！

看了下，解决方法如下：

        legend: [{data: ['意大利', '巴西', '西班牙', '德国',],icon: "roundRect",x:'center',y:'0%'},{data: ['英国', '法国', '美国', '俄罗斯',],icon: "roundRect",x:'center',y:'7%'}],

将legend切成两片即可，要注意调整y的高度，不然会重叠。

调整完后的效果如下：

解决完这个问题，俺这个疫情分析系统也算完工啦！

花了俺一个星期，不容易！

Django从入门到入坟，Echarts从不会画到画的丑到爆！！

加油！！！

Stay Hungry，Stay Foolish；

Echarts 图例分两行显示相关推荐

R语言ggplot2可视化图例放置在图像底部（bottom）并分两行显示实战
R语言ggplot2可视化图例放置在图像底部(bottom)并分两行显示实战目录 R语言ggplot2可视化图例放置在图像底部(bottom)并分两行显示实战
猿创征文｜Android 11.0 12.0Launcher3中app列表页的app名称分两行显示
1.概述在Launcher3桌面显示列表中,由于在app列表页中,由于有些app名称长度有些长,而系统默认显示一行,显示不下就省略号显示,由于页面高度有多余的,所以要求显示全app名称,这就需要看哪 ...
存货核算凭证无法删除的修复 U8 10.1存货核算中的凭证列表显示时，部分凭证会分两行显示，且不能删除...
一般是摘要过长的原因 U8 10.1存货核算中的凭证列表显示时,部分凭证会分两行显示,且不能删除您好:此问题应是明细帐中有不可见非法字符引起,多数是在摘要列,请备份数据后,用此脚本进行整理 upd ...
android 一个字符串分两行显示_重新梳理Android权限管理
Android Developer指南中,对Android安全体系结构的核心有这么一个说法:默认情况下,任何应用程序都无权执行任何会对其他应用程序.操作系统或者用户产生负面影响的操作.这句话其实就很好 ...
Android TextView 实现一个单词分两行显示
今天遇到一个需求,TextView实现自动换行时一个英文单词能够换行显示,使布局整齐.通过网上查询,确定实现逻辑如下: 自定义TextView,重写其onMeasure方法,在测量textView的宽 ...
echarts图例默认只显示某几个，其余图例手动控制显示
1.首先,我们的需求是默认只显示一条平均分图例,我想看哪个的再手动点亮图例按钮展示,效果如下: 默认: 手动点亮图例: 涉及代码如下: // legendData表示我这里的分组数组let selec ...
android 一个字符串分两行显示_【Android】DataBindinglt;中gt;
DataBindingUtil类 DataBinding不仅可以绑定Activity还可以绑定视图内容(View) // 视图static extends ViewDataBinding> T ...
导入excel 文件解析，一行数据，有一列分两行显示，解析时如何合为一行？
现象如图实现代码: 1主方法测试 public static void main(String[] args) throws FileNotFoundException, IOException { ...
element表格二级表头分两行显示
需要把表头做成下图 1.在el-table-column中添加 :render-header='renderHeader' 2.methods中添加 3.在css中添加

Echarts 图例分两行显示

Echarts 图例分两行显示相关推荐

最新文章

热门文章