signals
Array
用于创建动态变量
data
Array
scales
Array
刻度相关配置
scales-band
*
band刻度主要用于将离散的数据，映射到连续的区间
marks
*
图元配置，支持多种类型
marks-rect
Object
矩形图元
marks-arc
Object
arc 图元
marks-symbol
Object
symbol 图元
marks-circle
Object
circle 图元
marks-polygon
Object
polygon 图元
marks-shape
Object
shape 图元
marks-path
Object
path 图元
marks-area
Object
area 图元
marks-line
Object
线图元 测试一下
marks-rule
Object
rule 图元
marks-image
Object
image 图元
marks-richtext
Object
richtext 图元
marks-text
Object
text 图元
marks-interval
Object
interval 图元
marks-cell
Object
Cell 图元
marks-group
Object
group 图元
marks-glyph
Object
glyph 图元
marks-component
Object
component 图元
marks-arc3d
Object
arc3d 图元
marks-pyramid3d
Object
pyramid3d 图元
marks-rect3d
Object
rect3d 图元
coordinates
*
坐标系配置，VGrammar 目前内置了两种类型的坐标系
coordinates-rect
*
直角坐标系，可以在直角坐标系上设置变换，来实现图表的行列转置等变换
coordinates-polar
*
极坐标系，可以将直角坐标系的坐标转换为极坐标系下的坐标，可以用于将直角坐标系下的图表转换为极坐标系图表
events
Array
事件配置
width
number
画布的总宽度
height
number
画布的总高度
padding
number
画布内边距，单位 px，默认各方向内边距为 0，接受数值、数值数组以及对象设置。
使用示例：
// 数值类型，设置内边距为 5
padding: 5;
// 数值数组，设置上下的内边距为 5，左右的内边距为 10，用法同 CSS 盒模型
padding: [5, 10];
// 数值数组，分别设置四个方向的内边距
padding: [
5, // 上
10, // 右
5, // 下
10 // 左
];
// 对象类型
padding: {
top: 5,
right: 10,
bottom: 5,
left: 10
}
background
*
设置画布的背景