univue系列

echarts 南丁格尔玫瑰图label超出处理

2024-01-18  本文已影响0人  litielongxx

label过长可以考虑设置两行显示处理

label: {
                                show: true,
                                rotate: -90, 
                                position: 'inside',
                                formatter: (params) => {
                                    const { name, value, dataIndex } = params;
                                    if (name.length > 8) {
                                    return name.substring(0, 8) + '\n' + name.substring(8);
                                    } else {
                                        return name;
                                    }
                                },
                                textStyle: {
                                    ...commonStyle,
                                    textVerticalAlign: 'middle',
                                },
                            },
上一篇下一篇

猜你喜欢

热点阅读