G2

视图（View）

Loading...

G2 中视图（View） 用来绘制多个标记。一个视图拥有一个坐标系，也是应用交互的最小单位。

({
  type: 'view',
  children: [{ type: 'interval' }],
});

顶层 Chart 默认就是一个视图：

// 添加一个 Interval 到该视图
chart.interval();

当顶层 Chart 添加了复合节点，可以通过 chart.view 声明视图：

const spaceFlex = chart.spaceFlex();

const view = spaceFlex.view();

view.line();
view.point();

核心概念

data - 可视化的数据
encode - 编码信息
scale - 映射规则
transform - 转化通道值
coordinate - 坐标系变换
style - 视觉样式
labelTransform - 数据标签转换
title - 图表标题
axis - 坐标轴
legend - 图例
scrollbar - 滚动条
slider - 拖拽轴
interaction - 交互
theme - 主题

({
  type: 'view',
  data: [],
  encode: {},
  scale: {},
  transform: [],
  coordinate: {},
  style: {},
  labelTransform: {},
  title: {},
  axis: {},
  legend: {},
  tooltip: {},
  scrollbar: {},
  slider: {},
  interaction: {},
  theme: {},
});