在 G2Plot 中绘制漏斗图时,可以通过设置 transpose 属性来旋转 180 度,代码示例如下:

import { Funnel } from '@antv/g2plot';

const data = [
  { action: '浏览网站', pv: 50000 },
  { action: '放入购物车', pv: 35000 },
  { action: '生成订单', pv: 25000 },
  { action: '支付订单', pv: 15000 },
  { action: '完成交易', pv: 8000 },
];

const funnelPlot = new Funnel('container', {
  data,
  xField: 'action',
  yField: 'pv',
  transpose: true, // 旋转180度
});

funnelPlot.render();

注意:在旋转 180 度后,数据的顺序也会发生变化,需要根据实际情况调整数据顺序。

antv G2Plot 漏斗图旋转180度

原文地址: https://www.cveoy.top/t/topic/LY4 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录