antv G2Plot 漏斗图旋转180度
在 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 度后,数据的顺序也会发生变化,需要根据实际情况调整数据顺序。
原文地址: https://www.cveoy.top/t/topic/LY4 著作权归作者所有。请勿转载和采集!