echarts漏斗图文字隔行同侧展示

ECharts中的漏斗图（Funnel Chart）通常用于展示数据分布情况，其中的数据项从大到小逐级累积。如果需要在文字标签上实现隔行同侧显示，可以借助`textPosition`属性以及一些自定义配置。默认情况下，ECharts会将每个层级的文字标签放在该层级上方或下方。但是，你可以通过设置`textPosition`为"top"，并在`formatter`函数中控制每一行的布局，例如：

option = {
    funnel: {
        series: [
            {
                name: '漏斗图',
                data: [数值1, 数值2, ...], // 数据数组
                label: {
                    normal: { // 正常状态下的文本样式
                        position: 'top', // 文字位置设为顶部
                        formatter: function (params) { // 自定义格式化函数
                            let text = params.dataName + '<br>'; // 每行添加换行符
                            if (Math.floor(params.percent / 100 * 4) % 2 === 0) {
                                return text + '(' + params.percent.toFixed(2) + '%)';
                            } else {
                                return text;
                            }
                        },
                    },
                },
            }
        ],
    },
};

在这个例子中，我们检查百分比是否能被4整除，如果是偶数行（即每四个层级一个周期），则在末尾加上百分比；如果不是偶数行，则只显示数据名。