Echarts 图例分两行显示

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

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

看了下,解决方法如下:

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

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

调整完后的效果如下:

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

花了俺一个星期,不容易!

Django从入门到入坟,Echarts从不会画到画的丑到爆!!

加油!!!

Stay Hungry,Stay Foolish;

posted @   zju_cxl  阅读(3264)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
点击右上角即可分享
微信分享提示