View
如何创建视图对象:
下面是创建视图的语法,首先你需要创建一个 chart 对象,然后调用 方法生成:
- const view = chart.view({
- start: {
- x: 0,
- y: 0
- }, // 视图绘图区域的起始点,x、y 数值在 0 - 1 范围内
- end: {
- x: 1,
- y: 1
- } // 视图绘图区域的结束点,x、y 数值在 0 - 1 范围内
- });
chart.view(cfg)
方法中的参数 cfg
可以为空或者传入以下属性:
绘制区域的起始坐标,结构如下:
- {
- x: 0, // x 取值范围为 0 -1
- y: 0 // y 取值范围为 0 -1
对于 view,我们的起始点是从左上角开始的。
end
绘制区域的终点坐标,结构如下:
data
视图的数据源,同时也可以使用 view.source(data)
方法设置数据源。
animate
视图是否执行动画,默认执行。
如下实例所示:
方法
source
同 。
getXScale
同 chart.getXScale()
,只是返回该视图 x 轴对应的度量。
getYScales
getXY
同 。
filter
同 。
guide
scale
同 。
coord
tooltip
(enable: boolean)
view 上的 tooltip 方法只用于开启和关闭 tooltip。
- view.tooltip(false); // 关闭 view 上的 tooltip
animate
同 。
clear
changeData
同 。
changeVisible
destroy
同 。
line
同 chart.line()
。
path
同 。
interval
area
同 。
point
polygon
同 。
edge
同 chart.edge()
。
同 。
heatmap
原文: