您可以使用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度。

AntV G2Plot漏斗图旋转180度教程

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

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