美文网首页univue系列
echarts 南丁格尔玫瑰图label超出处理

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

作者: litielongxx | 来源:发表于2024-01-18 17:05 被阅读0次

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',
                                },
                            },

相关文章

网友评论

    本文标题:echarts 南丁格尔玫瑰图label超出处理

    本文链接:https://www.haomeiwen.com/subject/ikcdodtx.html