Echarts 圖例分兩行顯示

畫折線圖的時候遇到了一個問題,注意左下角那個圖:

那個圖例,醜到爆啊,作爲強迫症的我忍不了他!必須改掉!!!

看了下,解決方法如下:

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

將legend切成兩片即可,要注意調整y的高度,不然會重疊。

調整完後的效果如下:

解決完這個問題,俺這個疫情分析系統也算完工啦!

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

Django從入門到入墳,Echarts從不會畫到畫的醜到爆!!

加油!!!

Stay Hungry,Stay Foolish;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章