helix

helix 坐标系是一种将二维数据沿螺旋线展开的坐标系统。它常用于可视化时间序列数据或基因表达数据,通过螺旋的延伸来展示数据的周期性或趋势。

开始使用

import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container',
  autoFit: true,
  height: 500,
});

// 模拟数据
const data = [];
for (let i = 0; i < 372; i++) {
  const time = new Date(Date.now() + i * 1000 * 3600 * 24)
    .toISOString()
    .split('T')[0];
  data.push({ time, value: Math.random() * 100 });
}

chart.options({
  type: 'interval',
  data: data,
  coordinate: {
    type: 'helix',
    startAngle: 0.5 * Math.PI, // 起始角度
    endAngle: 12.5 * Math.PI, // 结束角度
  },
  encode: { x: 'time', y: 'value', color: 'value' },
  scale: { color: { range: ['#ffffff', '#1890FF'] } },
});

chart.render();
参数 说明 类型 默认值
startAngle 螺旋线的起始角度(弧度) number 0
endAngle 螺旋线的结束角度(弧度) number Math.PI * 6
innerRadius 螺旋线的内半径(0 到 1) number 0
outerRadius 螺旋线的外半径(0 到 1) number 1
全站搜索
文档与示例输入关键词开始搜索

输入关键词,查找文档、API 与示例

选择打开Esc关闭