echarts 3d 漏斗图

echarts是一款基于JavaScript的开源可视化库，可以用于创建各种交互式图表和图形。其中，echarts 3d漏斗图是一种用于展示数据流程的图表类型。下面是一个使用echarts创建3d漏斗图的示例：

// 引入echarts库
import echarts from 'echarts';

// 创建echarts实例
var myChart = echarts.init(document.getElementById('chart'));

// 定义数据
var data = [
  { value: 100, name: '访问' },
  { value: 80, name: '咨询' },
  { value: 60, name: '订单' },
  { value: 40, name: '点击' },
  { value: 20, name: '展现' }
];

// 配置echarts选项
var option = {
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br/>{b} : {c}%'
  },
  series: [
    {
      name: '漏斗图',
      type: 'funnel3D',
      width: '60%',
      height: '80%',
      left: 'center',
      top: '15%',
      bottom: '5%',
      minSize: '0%',
      maxSize: '100%',
      sort: 'descending',
      gap: 2,
      label: {
        show: true,
        position: 'inside'
      },
      emphasis: {
        label: {
          fontSize: 20
        }
      },
      data: data
    }
  ]
};

// 使用配置项显示图表
myChart.setOption(option);

这段代码会创建一个echarts实例，并在指定的DOM元素中显示3d漏斗图。数据通过`data`数组定义，每个数据项包含一个`value`和一个`name`属性，分别表示漏斗图的数值和名称。配置项`option`中定义了漏斗图的样式和布局，包括漏斗图的宽度、高度、位置、排序方式等。最后，使用`myChart.setOption(option)`将配置项应用到图表中。