echarts4. 利用用户购买流程优化前后的数据比较前后占比的变化，绘制多漏斗图和多金字塔

ECharts是一个强大的JavaScript图表库，用于创建各种复杂的可视化图表，包括漏斗图（Funnel Chart）和金字塔图（Pyramid Chart）。在分析用户购买流程优化前后的数据时，你可以利用ECharts的多漏斗图功能来清晰地展示各个步骤之间的转化率变化。以下是简单的步骤：

1. **数据准备**：首先，你需要收集优化前后每个步骤的数据，例如访问网站、添加购物车、完成支付等各阶段的人数。将这些数据整理成适合ECharts的数据结构，通常需要包含步骤名称、初始值、优化后值。

2. **配置漏斗图**：在ECharts的配置项里，设置`series`数组，其中每个系列代表一个阶段的漏斗，包括`name`（步骤名）、`data`（包含初始值和优化后值的数组）以及`label`（标签选项）。

   var option = {
     series: [
       { // 第一个阶段
         name: '阶段一',
         data: [{ value: 数据A }, { value: 数据B }],
         label: {
           normal: {
             show: true,
             position: 'top'
           }
         }
       },
       ... // 后续阶段按同样方式配置
     ]
   };

3. **绘制多金字塔图**：如果还想要对比流量的分布情况，可以使用金字塔图。在`series`中添加另一个系列，并调整其形状为金字塔。数据格式类似漏斗图，只是显示方式不同。

4. **渲染图表**：最后，通过`echarts.init()`初始化图表容器并渲染`option`内容。

var chart = echarts.init(document.getElementById('main'));
chart.setOption(option);