使echarts的图例文本与图标顶部对齐

发布网友发布时间：2022-05-06 09:07

共1个回答

热心网友时间：2022-06-29 05:28

查了下ECharts配置项,应该是没有这方面的设置

图例中的换行是\n吗？如果是，可以用回调函数处理legend.formatter

关键代码如下：

legend: {
        formatter: function(params) {
            tmp = params.split('\n');
            res = '' + params;
            for (var i in tmp) {
                res = res.replace(tmp[i], '');
            }
            return res + params;
        }
    },
    grid: {
        top: '20%'
    },
    tooltip: {},
    dataset: {
        // 提供一份数据。
        source: [
            ['proct', '20\n15', '2\n01\n6', '2017'],
            ['Matcha Latte', 43.3, 85.8, 93.7],
            ['Milk Tea', 83.1, 73.4, 55.1],
            ['Cheese Cocoa', 86.4, 65.2, 82.5],
            ['Walnut Brownie', 72.4, 53.9, 39.1]
        ]
    },

具体请见ECharts Gallery链接网页链接