有三个图表时如何分离图例和图表

Question

我有3个饼图，下面有图例，但在第一个饼图中有10个图例，第二个只有4个图例，然后当我给图表提供填充以调整10个图例时，然后在第二个图表中，4个图例名称卡在底部但我希望所有图表的图例名称从图表下方开始，而不是从底部开始 如何将图例移动到图表下方而不是从底部

            legend: {
                itemStyle: {
                    color: '#10c3d7',
                    lineHeight: '16px'
                },
                itemHoverStyle: {
                    color: '#10c3f3'
                },
                maxHeight: 90,
                itemWidth: 135,
                enabled: true,
          
                align:'left',
                verticalAlign:'bottom',
                navigation: {
                    activeColor: '#3E576F',
                    animation: true,
                    arrowSize: 12,
                    inactiveColor: '#CCC',
                    style: {
                        fontWeight: 'bold',
                        color: '#333',
                        fontSize: '12px'
                    }
                },
                // maxHeight: 50,
                labelFormatter: function () {
                    // const index = data.findIndex((obj: any) => obj.name === this.name)
                    return this.name;
                }
            },

Answer 1

您可以调整图例配置中的 verticalAlign 属性。您可以将第一个图表设置为“底部”，将第二个图表设置为“顶部”。并根据两个图表的需要调整 maxHeight 值。