View

    如何创建视图对象:

    下面是创建视图的语法,首先你需要创建一个 chart 对象,然后调用 方法生成:

    1. const view = chart.view({
    2. start: {
    3. x: 0,
    4. y: 0
    5. }, // 视图绘图区域的起始点,x、y 数值在 0 - 1 范围内
    6. end: {
    7. x: 1,
    8. y: 1
    9. } // 视图绘图区域的结束点,x、y 数值在 0 - 1 范围内
    10. });

    chart.view(cfg) 方法中的参数 cfg 可以为空或者传入以下属性:

    绘制区域的起始坐标,结构如下:

    1. {
    2. x: 0, // x 取值范围为 0 -1
    3. y: 0 // y 取值范围为 0 -1

    对于 view,我们的起始点是从左上角开始的。

    end

    绘制区域的终点坐标,结构如下:

    data

    视图的数据源,同时也可以使用 view.source(data) 方法设置数据源。

    animate

    视图是否执行动画,默认执行。

    如下实例所示:

    方法

    source

    同 。

    getXScale

    chart.getXScale(),只是返回该视图 x 轴对应的度量。

    getYScales

    getXY

    同 。

    filter

    chart.filter()

    同 。

    guide

    chart.guide()

    scale

    同 。

    coord

    chart.coord()

    tooltip

    (enable: boolean)

    view 上的 tooltip 方法只用于开启和关闭 tooltip。

    1. view.tooltip(false); // 关闭 view 上的 tooltip

    animate

    同 。

    clear

    chart.clear()

    changeData

    同 。

    changeVisible

    chart.repaint()

    destroy

    同 。

    line

    chart.line()

    path

    同 。

    interval

    chart.interval()

    area

    同 。

    point

    chart.point()

    polygon

    同 。

    edge

    chart.edge()

    同 。

    heatmap

    原文: