AntV G2Plot漏斗图旋转180度教程
您可以使用G2Plot的coord方法中的rotate选项来旋转漏斗图180度。例如:
import { Funnel } from '@antv/g2plot';
const data = [
{ action: '访问', pv: 50000 },
{ action: '点击', pv: 35000 },
{ action: '加入购物车', pv: 25000 },
{ action: '支付', pv: 15000 },
];
const funnelPlot = new Funnel('container', {
data,
xField: 'action',
yField: 'pv',
coordinate: {
type: 'rect',
actions: [['transpose'], ['scale', 1, -1], ['rotate', Math.PI]],
},
});
funnelPlot.render();
在上面的示例中,我们将坐标系的类型设置为'rect',并在'actions'数组中使用'transpose'、'scale'和'rotate'选项来进行旋转。其中'scale'选项用于将漏斗图翻转,'rotate'选项用于将漏斗图旋转180度。
原文地址: https://www.cveoy.top/t/topic/lVi2 著作权归作者所有。请勿转载和采集!