echarts legend data数据过长，如何换行

Posted 2023-04-17

在实际的业务中，如果echarts legend data的数据过长，不会自动换行，就在一行里面显示，很难看，如果处理能格式化legend，在长度过长的情况下，换行
这里的legend的长度只有5个，如果有十个或更多，如何换行

参考技术A legend: [
data: ['', '],
,
top:'20px',
data: ['', ''],
],

echarts legend 自定义图例

legend: {
                    
                    selectedMode: true,
                    top: 0,
                    right: 0,
                    orient: ‘vertical‘,
                    // itemWidth: 24,
                    // itemHeight: 2,
                    textStyle: {
                        fontFamily: ‘ABBvoiceCNSG-Regular‘,
                        fontSize: 12,
                    },
                    // icon: ‘rect‘,
                    data: [
                        {
                            name:"高严重等级报警",
                            icon:‘rect‘,
                        },
                        {
                            name:"低严重等级报警",
                            icon: ‘rect‘
                        },
                        {
                            name:"健康度",
                            icon: ‘line‘
                        }
                    ]
                },

 

最后：写的时候遇见一个小问题，改了icon图例变成空白了，后来发现是要和series里面的name对应起来