echarts圖例中圖標文字對齊

寫這個筆記是因為這件看似很簡單的小事，折磨了我很久。

先上圖
image.png

去官網(wǎng)示例中細看，發(fā)現(xiàn)全都是不對齊的，就想調(diào)整一下，翻了legend的配置，嘗試設置textStyle沒有解決
image.png

然后看到富文本相關的介紹，想嘗試使用，但是文檔寫得很含糊不清，你看了知道該怎么寫嘛？
image.png

查了一圈好不容易才找到，formatter直接在legend下寫，rich在legend.textStyle中。 
        legend: {
          top: 5,
          left: 0,
          data: ['區(qū)塊數(shù)', '目錄上鏈數(shù)'],
          icon: 'circle',
          itemWidth: 8,
          itemHeight: 8,
          formatter: [
            '{a|{name}}'
          ].join('\n'),
          textStyle: {
            height: 8,
            rich: {
              a: {
                verticalAlign: 'bottom',
              },
            }
          }
        },

OK，效果出來：
1640242216675_457B8CB1-1F24-425e-A7AA-8D3BB0DE4792.png

希望能幫助到跟我一樣無助徘徊的同學。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容