cartesian3D

在 2D 笛卡尔坐标系基础上，通过增加 Z 轴扩展而来。示例

开始使用

import { Runtime, corelib, extend } from '@antv/g2';
import { threedlib } from '@antv/g2-extension-3d';

const Chart = extend(Runtime, { ...corelib(), ...threedlib() });

const chart = new Chart({
  container: 'container',
  renderer,
  depth: 400,
});

chart.options({
  type: 'point3D',
  coordinate: {
    type: 'cartesian3D',
  },
  data: {
    type: 'fetch',
    value:
      'https://gw.alipayobjects.com/os/bmw-prod/2c813e2d-2276-40b9-a9af-cf0a0fb7e942.csv',
  },
  encode: {
    x: 'Horsepower',
    y: 'Miles_per_Gallon',
    z: 'Weight_in_lbs',
    size: 'Origin',
    color: 'Cylinders',
    shape: 'cube',
  },
  scale: { x: { nice: true }, y: { nice: true }, z: { nice: true } },
  legend: false,
  axis: {
    x: { gridLineWidth: 2 },
    y: { gridLineWidth: 2, titleBillboardRotation: -Math.PI / 2 },
    z: { gridLineWidth: 2 },
  },
});

chart.render();