OPEN_GRID API - v1.5.2
    Preparing search index...

    Interface ChartConfig

    grid.createChart(config)에 넘기는 공개 설정. 어떤 데이터를(source) 어떤 모양으로(type) 그릴지가 필수고, 나머지는 배치·엔진·꾸밈(제목/범례/축 등)을 위한 선택 옵션이다.

    The public config passed to grid.createChart(config). Only which data (source) and what shape (type) to draw are required; the rest are optional placement/engine/decoration (title, legend, axis, etc.) settings.

    grid.createChart(config) に渡す公開設定。どのデータを(source)どの形で(type)描くかが必須で、 残りは配置・エンジン・装飾(タイトル/凡例/軸など)のための任意オプションです。

    传给 grid.createChart(config) 的公开配置。绘制哪些数据(source)、绘制成什么形态(type)是 必填项;其余是用于放置、引擎、装饰(标题/图例/轴等)的可选项。

    const chart = grid.createChart({
    source: { kind: 'all' },
    type: 'bar',
    category: 'region',
    series: ['sales'],
    placement: 'inline',
    mount: document.querySelector('#chart-host')!,
    });
    interface ChartConfig {
        aggregate?: ChartAggregate;
        axis?: {
            stacked?: boolean;
            xLabel?: string;
            yLabel?: string;
            yMax?: number;
            yMin?: number;
        };
        category?: string;
        engine?: ChartAdapter
        | "builtin"
        | "chartjs"
        | "echarts";
        legend?: boolean | { position: "left" | "right" | "top" | "bottom" };
        live?: boolean;
        maxPoints?: number;
        mount?: HTMLElement;
        numberFormat?: (
            v: number,
            ctx: { axis: "legend" | "x" | "y" | "tooltip"; field?: string },
        ) => string;
        palette?: string[];
        placement?: "docked" | "modal" | "inline" | "floating";
        series?: (string | ChartSeriesSpec)[];
        size?: { height: number; width: number };
        source: ChartSource;
        title?: string;
        tooltip?: boolean;
        type: ChartType;
    }
    Index

    Properties

    aggregate?: ChartAggregate

    카테고리 집계 연산.

    Category aggregation op.

    カテゴリーの集計演算。

    类别的聚合运算。

    axis?: {
        stacked?: boolean;
        xLabel?: string;
        yLabel?: string;
        yMax?: number;
        yMin?: number;
    }

    축 설정.

    Axis config.

    軸の設定。

    轴的配置。

    category?: string

    카테고리(x축) 컬럼 field.

    Category (x-axis) column field.

    カテゴリー(x軸)の列の field。

    类别(x轴)列的 field。

    engine?: ChartAdapter | "builtin" | "chartjs" | "echarts"

    렌더 엔진 또는 커스텀 어댑터.

    Render engine or custom adapter.

    レンダーエンジン、またはカスタムアダプター。

    渲染引擎,或自定义适配器。

    legend?: boolean | { position: "left" | "right" | "top" | "bottom" }

    범례 설정.

    Legend config.

    凡例の設定。

    图例的配置。

    live?: boolean

    데이터 변경 시 자동 갱신.

    Auto-refresh on data changes.

    データ変更時の自動更新。

    数据变化时自动更新。

    maxPoints?: number

    렌더 포인트 상한.

    Max render points.

    レンダーするポイントの上限。

    渲染点数的上限。

    mount?: HTMLElement

    inline/floating 시 마운트 대상.

    Mount target for inline/floating.

    inline/floating のときのマウント先。

    inline/floating 时的挂载目标。

    numberFormat?: (
        v: number,
        ctx: { axis: "legend" | "x" | "y" | "tooltip"; field?: string },
    ) => string

    숫자 포맷터.

    Number formatter.

    数値のフォーマッター。

    数值的格式化函数。

    palette?: string[]

    시리즈 팔레트.

    Series palette.

    シリーズのパレット。

    系列的调色板。

    placement?: "docked" | "modal" | "inline" | "floating"

    배치 방식.

    Placement.

    配置方法。

    放置方式。

    series?: (string | ChartSeriesSpec)[]

    시리즈 명세 목록.

    Series specs.

    シリーズ仕様の一覧。

    系列规格的列表。

    size?: { height: number; width: number }

    렌더 크기(px).

    Render size (px).

    レンダーのサイズ(px)。

    渲染的尺寸(px)。

    source: ChartSource

    데이터 소스.

    Data source.

    データソース。

    数据源。

    title?: string

    차트 제목.

    Chart title.

    チャートのタイトル。

    图表的标题。

    tooltip?: boolean

    툴팁 사용 여부.

    Whether tooltips are enabled.

    ツールチップを使うかどうか。

    是否启用提示框。

    type: ChartType

    차트 타입.

    Chart type.

    チャートのタイプ。

    图表的类型。