echarts 梯形漏斗图

ECharts是一个非常流行的开源JavaScript图表库，它能够帮助你在网页上创建各种复杂的图表，包括梯形漏斗图（也叫金字塔图）。梯形漏斗图通常用于数据可视化，展示数据从总体到各个部分的分布情况，就像一个倒置的梯形，顶部代表总和，下部的每个梯级表示一部分。

在ECharts中，你可以通过`echarts TreeMap`组件来制作梯形漏斗图。首先，你需要设置数据结构，通常是包含层级信息的对象数组；然后，配置系列的属性，如x轴、y轴的数据以及视觉样式，比如颜色渐变和梯形边界；最后，实例化并渲染图表。

以下是一个简单的示例代码：

var option = {
    tooltip: {},
    series: [{
        type: 'treemap',
        // 数据结构
        data: [
            {name: '一级', value: 80},
            {name: '二级1', value: 50},
            {name: '二级2', value: 40},
            {name: '三级1', value: 60},
            {name: '三级2', value: 30}
        ],
        levels: [
            {name: '一级', children: []},
            {name: '二级', children: [{name: '二级1'}, {name: '二级2'}]},
            {name: '三级', children: [{name: '三级1'}, {name: '三级2'}]}
        ]
    }]
};

// 初始化 ECharts 实例
var myChart = echarts.init(document.getElementById('main'));

// 绘制图表
myChart.setOption(option);