@univerjs-pro/engine-chart 1.0.0-rc.0 → 1.0.0

package/lib/types/model/chart-theme.service.d.ts

@@ -0,0 +1,40 @@
+import type { Injector } from '@univerjs/core';
+import type { IEchartTheme } from './constants/build-in-theme';
+import { Disposable, ThemeService } from '@univerjs/core';
+import { ICanvasColorService } from '@univerjs/engine-render';
+export interface IChartTheme {
+    colors: string[];
+}
+export interface IChartThemeService {
+    getColors(name: string | undefined): string[];
+    getRegisteredThemes(): string[];
+    registerTheme(name: string, theme: IEchartTheme): void;
+    getTheme(name: string | undefined): IEchartTheme;
+    getDefaultTheme(): IEchartTheme;
+}
+export declare class ChartThemeService extends Disposable {
+    private readonly _themeService;
+    private readonly _canvasColorService;
+    private _themeMap;
+    private _hasRegistered;
+    constructor(_themeService: ThemeService, _canvasColorService: ICanvasColorService);
+    /**
+     * Get the univer color system theme is dark mode or not.
+     * @returns {boolean} - true if dark mode, false otherwise.
+     */
+    getSystemThemeIsDarkMode(): boolean;
+    /**
+     * Get the real color for rendering.It will check the system theme is dark mode or not.
+     * @param {string} color - The color to be rendered.
+     * @returns {string} - The color to be rendered.
+     */
+    getRenderColor(color: string): string;
+    getColors(name: string | undefined): string[];
+    initBuildInThemes(): void;
+    getRegisteredThemes(): string[];
+    registerTheme(name: string, theme: IEchartTheme): void;
+    getTheme(name: string | undefined): IEchartTheme;
+    getDefaultTheme(): IEchartTheme;
+    dispose(): void;
+}
+export declare function registerChartThemeService(injector: Injector): void;

package/lib/types/model/constants/build-in-theme/default.d.ts

@@ -0,0 +1,2 @@
+import type { IEchartTheme } from './types';
+export declare const themeDefault: IEchartTheme;

package/lib/types/model/constants/build-in-theme/index.d.ts

@@ -0,0 +1,15 @@
+export { themeDefault } from './default';
+export { getThemeAxesByType, getThemeProps } from './theme-util';
+export type { IEchartTheme } from './types';
+export { univer1 as UniverTheme1 } from './univer1';
+export { univer2 as UniverTheme2 } from './univer2';
+export { univer3 as UniverTheme3 } from './univer3';
+export { univer4 as UniverTheme4 } from './univer4';
+export { univer5 as UniverTheme5 } from './univer5';
+export { univer6 as UniverTheme6 } from './univer6';
+export { univerGradient1 as UniverThemeGradient1 } from './univer-gradient1';
+export { univerGradient2 as UniverThemeGradient2 } from './univer-gradient2';
+export { univerGradient3 as UniverThemeGradient3 } from './univer-gradient3';
+export { univerGradient4 as UniverThemeGradient4 } from './univer-gradient4';
+export { univerGradient5 as UniverThemeGradient5 } from './univer-gradient5';
+export { univerGradient6 as UniverThemeGradient6 } from './univer-gradient6';

package/lib/types/model/constants/build-in-theme/theme-util.d.ts

@@ -0,0 +1,5 @@
+import type { IEchartTheme } from './types';
+export type axesType = 'category' | 'value' | 'time' | 'log' | 'all' | undefined;
+export declare function getThemeAxesByType(themeInfo: IEchartTheme, axesType: axesType): import("./types").IEchartThemeAxisConfig | undefined;
+export declare function getThemeTitleColor(themeInfo: IEchartTheme): string | undefined;
+export declare function getThemeProps(themeInfo: IEchartTheme | undefined, key: string): undefined;

package/lib/types/model/constants/build-in-theme/types.d.ts

@@ -0,0 +1,76 @@
+export interface IEchartThemeAxisConfig {
+    type: string;
+    name: string;
+    axisLineShow: boolean;
+    axisLineColor: string;
+    axisTickShow: boolean;
+    axisTickColor: string;
+    axisLabelShow: boolean;
+    axisLabelColor: string;
+    splitLineShow: boolean;
+    splitLineColor: string[];
+    splitAreaShow: boolean;
+    splitAreaColor: string[];
+}
+export interface IEchartThemeContent {
+    seriesCnt: string;
+    backgroundColor: string;
+    titleColor: string;
+    subtitleColor: string;
+    textColorShow: boolean;
+    textColor: string;
+    markTextColor: string;
+    color: string[];
+    borderColor: string;
+    borderWidth: string | number;
+    visualMapColor: string[];
+    legendTextColor: string;
+    kColor: string;
+    kColor0: string;
+    kBorderColor: string;
+    kBorderColor0: string;
+    kBorderWidth: string | number;
+    lineWidth: string | number;
+    symbolSize: string | number;
+    symbol: string;
+    symbolBorderWidth: string | number;
+    lineSmooth: boolean;
+    graphLineWidth: string | number;
+    graphLineColor: string;
+    mapLabelColor: string;
+    mapLabelColorE: string;
+    mapBorderColor: string;
+    mapBorderColorE: string;
+    mapBorderWidth: string | number;
+    mapBorderWidthE: string | number;
+    mapAreaColor: string;
+    mapAreaColorE: string;
+    axes: IEchartThemeAxisConfig[];
+    axisSeperateSetting: boolean;
+    toolboxColor: string;
+    toolboxEmphasisColor: string;
+    tooltipAxisColor: string;
+    tooltipAxisWidth: string | number;
+    timelineLineColor: string;
+    timelineLineWidth: string | number;
+    timelineItemColor: string;
+    timelineItemColorE: string;
+    timelineCheckColor: string;
+    timelineCheckBorderColor: string;
+    timelineItemBorderWidth: string | number;
+    timelineControlColor: string;
+    timelineControlBorderColor: string;
+    timelineControlBorderWidth: string | number;
+    timelineLabelColor: string;
+    datazoomBackgroundColor: string;
+    datazoomDataColor: string;
+    datazoomFillColor: string;
+    datazoomHandleColor: string;
+    datazoomHandleWidth: string;
+    datazoomLabelColor: string;
+}
+export interface IEchartTheme {
+    version: number | string;
+    themeName: string;
+    theme: IEchartThemeContent;
+}

package/lib/types/model/constants/build-in-theme/univer-gradient1.d.ts

@@ -0,0 +1,2 @@
+import type { IEchartTheme } from './types';
+export declare const univerGradient1: IEchartTheme;

package/lib/types/model/constants/build-in-theme/univer-gradient2.d.ts

@@ -0,0 +1,2 @@
+import type { IEchartTheme } from './types';
+export declare const univerGradient2: IEchartTheme;

package/lib/types/model/constants/build-in-theme/univer-gradient3.d.ts

@@ -0,0 +1,2 @@
+import type { IEchartTheme } from './types';
+export declare const univerGradient3: IEchartTheme;

package/lib/types/model/constants/build-in-theme/univer-gradient4.d.ts

@@ -0,0 +1,2 @@
+import type { IEchartTheme } from './types';
+export declare const univerGradient4: IEchartTheme;

package/lib/types/model/constants/build-in-theme/univer-gradient5.d.ts

@@ -0,0 +1,2 @@
+import type { IEchartTheme } from './types';
+export declare const univerGradient5: IEchartTheme;

package/lib/types/model/constants/build-in-theme/univer-gradient6.d.ts

@@ -0,0 +1,2 @@
+import type { IEchartTheme } from './types';
+export declare const univerGradient6: IEchartTheme;

package/lib/types/model/constants/build-in-theme/univer1.d.ts

@@ -0,0 +1,2 @@
+import type { IEchartTheme } from './types';
+export declare const univer1: IEchartTheme;

package/lib/types/model/constants/build-in-theme/univer2.d.ts

@@ -0,0 +1,2 @@
+import type { IEchartTheme } from './types';
+export declare const univer2: IEchartTheme;

package/lib/types/model/constants/build-in-theme/univer3.d.ts

@@ -0,0 +1,2 @@
+import type { IEchartTheme } from './types';
+export declare const univer3: IEchartTheme;

package/lib/types/model/constants/build-in-theme/univer4.d.ts

@@ -0,0 +1,2 @@
+import type { IEchartTheme } from './types';
+export declare const univer4: IEchartTheme;

package/lib/types/model/constants/build-in-theme/univer5.d.ts

@@ -0,0 +1,2 @@
+import type { IEchartTheme } from './types';
+export declare const univer5: IEchartTheme;

package/lib/types/model/constants/build-in-theme/univer6.d.ts

@@ -0,0 +1,2 @@
+import type { IEchartTheme } from './types';
+export declare const univer6: IEchartTheme;

package/lib/types/model/constants/default-chart-style.d.ts

@@ -0,0 +1,114 @@
+import { AreaLineStyle, AxisAlignEnum, ChartBorderDashType, ChartTypeBits, InvalidValueType, LabelContentType, LegendPositionEnum, LinePointShape, PieLabelPosition, RadarShape, SelectModeEnum, SeriesLabelPosition, TextAlign, TitlePositionEnum, WaterfallStackTypeEnum } from '../../enum';
+export declare const themeColors: string[];
+export declare const defaultChartConfig: {
+    allSeriesId: string;
+    invalidValueType: InvalidValueType;
+    point: {
+        shape: LinePointShape;
+        size: number;
+        scatterSymbolSize: number;
+    };
+    backgroundColor: string;
+    axis: {
+        labelVisible: boolean;
+        reverse: boolean;
+        titleAlign: AxisAlignEnum;
+        dateAxisRotate: number;
+    };
+    legend: {
+        position: LegendPositionEnum;
+        selectMode: SelectModeEnum;
+    };
+    borderStyle: {
+        opacity: number;
+        width: number;
+        specialChartWidthMap: {
+            lineOrArea: number;
+            radar: number;
+        };
+        dashType: ChartBorderDashType;
+    };
+    textStyle: {
+        fontSize: number;
+        subTitleFontSize: number;
+        titleFontSize: number;
+        color: string;
+        align: string;
+        position: SeriesLabelPosition;
+        bold: boolean;
+        family: string;
+        italic: boolean;
+    };
+    titlePosition: TitlePositionEnum;
+    titlePositionAlign: TextAlign;
+    titleFontSize: number;
+    area: {
+        lineStyle: AreaLineStyle;
+    };
+    labelContentType: LabelContentType;
+    pie: {
+        labelContentType: number;
+        radius: number;
+        doughnutHole: number;
+        borderColor: string;
+        labelPosition: PieLabelPosition;
+        hasPaddingAngle: boolean;
+    };
+    combination: {
+        firstChartType: ChartTypeBits;
+        otherChartType: ChartTypeBits;
+    };
+    funnel: {
+        gap: number;
+    };
+    radar: {
+        shape: RadarShape;
+        symbolSize: number;
+        symbolType: LinePointShape;
+        areaOpacity: number;
+    };
+    wordCloud: {
+        maskImage: string;
+        repeat: boolean;
+    };
+    waterfall: {
+        stackType: WaterfallStackTypeEnum;
+        useSubtotal: boolean;
+        subtotalColor: string;
+    };
+    trendline: {
+        period: number;
+        order: number;
+        opacity: number;
+        width: number;
+        dashType: ChartBorderDashType;
+        color: string;
+        showFormula: boolean;
+        showR2: boolean;
+    };
+    relation: {
+        force: {
+            gravity: number;
+            repulsion: number;
+        };
+        circular: {
+            rotateLabel: boolean;
+        };
+        emphasis: boolean;
+        nodeShape: LinePointShape;
+    };
+    tooltipAxisLabelBackground: string;
+    tooltipAxisLabelColor: string;
+    indicatorLineType: ChartBorderDashType;
+    formatStyle: {
+        red: {
+            color: string;
+        };
+    };
+    pareto: {
+        symbolSize: number;
+    };
+    heatmap: {
+        visualMapType: string;
+    };
+};

package/lib/types/model/constants/default.d.ts

@@ -0,0 +1,11 @@
+export declare const EChartRenderEngineName = "EChartRenderEngine";
+export declare const defaultChartWidth = 468;
+export declare const defaultChartHeight = 369;
+export declare const LegendPadding = 15;
+export declare const TitleOrLegendPadding = 12;
+export declare const TitleDefaultStartPosition = 8;
+export declare const defaultChartPadding = 14;
+export declare const TitleLineHeightBase = 1.2;
+export declare const AxisLabelMaxPercent = 0.15;
+export declare const defaultBubbleSize = 0.12;
+export declare const defaultRelationSize = 0.08;

package/lib/types/model/data-context-transformers/bar-data-context-transformer.d.ts

@@ -0,0 +1,3 @@
+import type { ChartModel } from '../chart-model';
+import { ChartTypeBits } from '../../enum';
+export declare const barDataContextTransformer: (fromType: ChartTypeBits, toType: ChartTypeBits, model: ChartModel) => void;

package/lib/types/model/data-context-transformers/box-plot-data-context-transformer.d.ts

@@ -0,0 +1,3 @@
+import type { ChartModel } from '../chart-model';
+import { ChartTypeBits } from '../../enum';
+export declare const BoxplotDataContextTransformer: (fromType: ChartTypeBits, toType: ChartTypeBits, model: ChartModel) => void;

package/lib/types/model/data-context-transformers/line-like-context-transformer.d.ts

@@ -0,0 +1,3 @@
+import type { ChartModel } from '../chart-model';
+import { ChartTypeBits } from '../../enum';
+export declare const lineLikeContextTransformer: (fromType: ChartTypeBits, toType: ChartTypeBits, model: ChartModel) => void;

package/lib/types/model/data-context-transformers/pareto-data-context-transformer.d.ts

@@ -0,0 +1,3 @@
+import type { ChartModel } from '../chart-model';
+import { ChartTypeBits } from '../../enum';
+export declare const paretoDataContextTransformer: (fromType: ChartTypeBits, toType: ChartTypeBits, model: ChartModel) => void;

package/lib/types/model/data-context-transformers/percent-data-context-transformer.d.ts

@@ -0,0 +1,3 @@
+import type { ChartModel } from '../chart-model';
+import { ChartTypeBits } from '../../enum';
+export declare const percentDataContextTransformer: (fromType: ChartTypeBits, toType: ChartTypeBits, model: ChartModel) => void;

package/lib/types/model/data-context-transformers/pie-data-context-transformer.d.ts

@@ -0,0 +1,3 @@
+import type { ChartModel } from '../chart-model';
+import { ChartTypeBits } from '../../enum';
+export declare const pieDataContextTransformer: (fromType: ChartTypeBits, toType: ChartTypeBits, model: ChartModel) => void;

package/lib/types/model/data-context-transformers/word-cloud-data-context-transform.d.ts

@@ -0,0 +1,3 @@
+import type { ChartModel } from '../chart-model';
+import { ChartTypeBits } from '../../enum';
+export declare const wordCloudDataContextTransformer: (fromType: ChartTypeBits, toType: ChartTypeBits, model: ChartModel) => void;

package/lib/types/model/echart-render-model.d.ts

@@ -0,0 +1,32 @@
+import type { ChartStyle, EChartInstance, EChartSpec, IChartConfig, IChartHostRect, IChartInstance, IChartRenderModel, IChartRenderModelStylizeInit } from '../types';
+import { Disposable } from '@univerjs/core';
+export declare class EChartRenderModel extends Disposable implements IChartRenderModel {
+    private _specConverters;
+    private _specOperators;
+    private _addWatermark;
+    constructor(_addWatermark: boolean);
+    updateWatermark(addWatermark: boolean): void;
+    private _addSpecConverters;
+    private _addSpecOperators;
+    createChartInstance(): IChartInstance<EChartSpec>;
+    toSpec(config: IChartConfig, style: ChartStyle): import("echarts").EChartsOption;
+    stylizeSpec(spec: EChartSpec, stylizeInit: IChartRenderModelStylizeInit<EChartSpec>, rect: IChartHostRect): import("echarts").EChartsOption | {
+        backgroundColor: string;
+    };
+}
+export declare class EChartRenderEngine extends Disposable implements EChartInstance {
+    static engineName: string;
+    private _instance;
+    container: HTMLElement | string;
+    private _devicePixelRatio;
+    constructor();
+    getDevicePixelRatio(): 1 | 2 | undefined;
+    mount(id: string | HTMLElement): void;
+    resize(echartsProvider?: any): void;
+    private _ensureChartInstance;
+    get containerElement(): HTMLElement | null;
+    render(spec: EChartSpec, echartsProvider?: any): void;
+    exportImg(echartsProvider?: any): Promise<string>;
+    onDispose(): void;
+    dispose(): void;
+}

package/lib/types/model/echart-to-chart-model-init.d.ts

@@ -0,0 +1,3 @@
+import type { IChartModelInitParams } from './mode-converter/mode-converter';
+export declare function echartToChartModelInit(echartOption: echarts.EChartsOption): IChartModelInitParams;
+export declare function isChartModelInit(option: any): option is IChartModelInitParams;

package/lib/types/model/mode-converter/converters/boxplot-chart-converter.d.ts

@@ -0,0 +1,2 @@
+import type { EChartSpec, IChartRenderSpecConverter } from '../../../types';
+export declare const boxplotChartConverter: IChartRenderSpecConverter<EChartSpec>;

package/lib/types/model/mode-converter/converters/bubble-chart-converter.d.ts

@@ -0,0 +1,2 @@
+import type { EChartSpec, IChartRenderSpecConverter } from '../../../types';
+export declare const bubbleChartConverter: IChartRenderSpecConverter<EChartSpec>;

package/lib/types/model/mode-converter/converters/combination-chart-converter.d.ts

@@ -0,0 +1,2 @@
+import type { EChartSpec, IChartRenderSpecConverter } from '../../../types';
+export declare const combinationChartConverter: IChartRenderSpecConverter<EChartSpec>;

package/lib/types/model/mode-converter/converters/constants.d.ts

@@ -0,0 +1,7 @@
+export declare enum SpecField {
+    ValueField = "__valueField__",
+    SeriesField = "__seriesField__",
+    SeriesFieldLabel = "__seriesFieldLabel__",
+    CategoryField = "__categoryField__",
+    CategoryFieldLabel = "__categoryFieldLabel__"
+}

package/lib/types/model/mode-converter/converters/funnel-chart-converter.d.ts

@@ -0,0 +1,2 @@
+import type { EChartSpec, IChartRenderSpecConverter } from '../../../types';
+export declare const funnelChartConverter: IChartRenderSpecConverter<EChartSpec>;

package/lib/types/model/mode-converter/converters/heatmap-chart-convert.d.ts

@@ -0,0 +1,2 @@
+import type { EChartSpec, IChartRenderSpecConverter } from '../../../types';
+export declare const heatmapChartConverter: IChartRenderSpecConverter<EChartSpec>;

package/lib/types/model/mode-converter/converters/pareto-chart-converter.d.ts

@@ -0,0 +1,2 @@
+import type { EChartSpec, IChartRenderSpecConverter } from '../../../types';
+export declare const paretoChartConverter: IChartRenderSpecConverter<EChartSpec>;

package/lib/types/model/mode-converter/converters/pie-chart-converter.d.ts

@@ -0,0 +1,2 @@
+import type { EChartSpec, IChartRenderSpecConverter } from '../../../types';
+export declare const pieChartConverter: IChartRenderSpecConverter<EChartSpec>;

package/lib/types/model/mode-converter/converters/radar-chart-converter.d.ts

@@ -0,0 +1,2 @@
+import type { EChartSpec, IChartRenderSpecConverter } from '../../../types';
+export declare const radarChartConverter: IChartRenderSpecConverter<EChartSpec>;

package/lib/types/model/mode-converter/converters/relation-chart-converter.d.ts

@@ -0,0 +1,2 @@
+import type { EChartSpec, IChartRenderSpecConverter } from '../../../types';
+export declare const relationChartConverter: IChartRenderSpecConverter<EChartSpec>;

package/lib/types/model/mode-converter/converters/sankey-chart-converter.d.ts

@@ -0,0 +1,2 @@
+import type { EChartSpec, IChartRenderSpecConverter } from '../../../types';
+export declare const sankeyChartConverter: IChartRenderSpecConverter<EChartSpec>;

package/lib/types/model/mode-converter/converters/scatter-chart-converter.d.ts

@@ -0,0 +1,2 @@
+import type { EChartSpec, IChartRenderSpecConverter } from '../../../types';
+export declare const scatterChartConverter: IChartRenderSpecConverter<EChartSpec>;

package/lib/types/model/mode-converter/converters/tools.d.ts

@@ -0,0 +1,15 @@
+import type { IChartConfig } from '../../../types';
+export declare function createLabelMap(config: IChartConfig): {
+    categoryNameMap: Record<string, string>;
+    seriesNameMap: Record<string, string>;
+};
+/**
+ * Generate colors for positive, negative, and subtotal values based on a base theme color.
+ * @param themeColor The base color in hex format (e.g., "#3498db").
+ * @returns An object containing colors for positive, negative, and subtotal values.
+ */
+export declare const generateSeriesColors: (themeColor: string) => {
+    positiveColor: string;
+    negativeColor: string;
+    subtotalColor: string;
+};

package/lib/types/model/mode-converter/converters/waterfall-chart-converter.d.ts

@@ -0,0 +1,2 @@
+import type { EChartSpec, IChartRenderSpecConverter } from '../../../types';
+export declare const waterfallChartConverter: IChartRenderSpecConverter<EChartSpec>;

package/lib/types/model/mode-converter/converters/word-cloud-converter.d.ts

@@ -0,0 +1,76 @@
+import type { EChartSpec, IChartRenderSpecConverter } from '../../../types';
+interface IWordCloudTextStyle {
+    color?: string;
+    fontStyle?: string;
+    fontWeight?: string | number;
+    fontFamily?: string;
+    fontSize?: number | string;
+    align?: string;
+    verticalAlign?: string;
+    baseline?: string;
+    opacity?: number;
+    lineHeight?: number;
+    backgroundColor?: string | {
+        image: HTMLImageElement | HTMLCanvasElement | string;
+    };
+    borderColor?: string;
+    borderWidth?: number;
+    borderType?: string;
+    borderDashOffset?: number;
+    borderRadius?: number | number[];
+    padding?: number | number[];
+    width?: number | string;
+    height?: number;
+    textBorderColor?: string;
+    textBorderWidth?: number;
+    textBorderType?: string;
+    textBorderDashOffset?: number;
+    textShadowBlur?: number;
+    textShadowColor?: string;
+    textShadowOffsetX?: number;
+    textShadowOffsetY?: number;
+}
+export interface IWorldCloudDataItem {
+    name?: string;
+    value?: number | number[];
+    textStyle?: IWordCloudTextStyle;
+    emphasis?: {
+        textStyle?: IWordCloudTextStyle;
+    };
+}
+export interface IWordCloudSeriesOption {
+    mainType?: 'series';
+    type?: 'wordCloud';
+    silent?: boolean;
+    blendMode?: string;
+    /**
+     * Cursor when mouse on the elements
+     */
+    cursor?: string;
+    width?: number | string;
+    height?: number | string;
+    top?: number | string;
+    right?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+    textStyle?: IWordCloudTextStyle | {
+        color?: (params?: any) => string;
+    };
+    emphasis?: {
+        focus?: 'self' | 'series' | 'none';
+        blurScope?: 'coordinateSystem' | 'global' | 'series';
+        textStyle?: IWordCloudTextStyle;
+    };
+    shape?: string;
+    maskImage?: HTMLImageElement | HTMLCanvasElement;
+    sizeRange?: number[];
+    rotationRange?: number[];
+    rotationStep?: number;
+    gridSize?: number;
+    drawOutOfBound?: boolean;
+    layoutAnimation?: boolean;
+    keepAspect?: boolean;
+    data?: IWorldCloudDataItem[];
+}
+export declare const wordCloudChartConverter: IChartRenderSpecConverter<EChartSpec>;
+export {};

package/lib/types/model/mode-converter/mode-converter.d.ts

@@ -0,0 +1,96 @@
+import type { Injector } from '@univerjs/core';
+import type { ChartTypeBits } from '../../enum';
+import type { ChartStyle, IChartContext, IChartHostRect, IUniverDataSet } from '../../types';
+import type { IChartLocaleTexts } from '../chart-locale-texts';
+import { StaticChartSource } from '../../source/static-chart-source';
+import { ChartModel } from '../chart-model';
+/**
+ * The parameters for initializing a chart model.
+ */
+export interface IChartModelInitParams {
+    /**
+     * The type of the chart.
+     */
+    chartType: ChartTypeBits;
+    /**
+     * The data source of the chart. The data should be like has dimensions and source.
+     * @example
+     * ```json
+     * {
+     *    "dimensions": ['a', 'b', 'c'],
+     *   "source": [
+     *     [1, 2, 3],
+     *     [4, 5, 6],
+     *     [7, 8, 9],
+     *     ]
+     * }
+     * ```
+     */
+    source: IUniverDataSet;
+    /**
+     * The chart title.
+     */
+    title: string;
+    /**
+     * The id of the chart model. This property will be provided by chart model json.
+     */
+    id?: string;
+    /**
+     * The context of the chart model. This property will be provided by chart model json.
+     */
+    context?: Partial<IChartContext>;
+    /**
+     * The style of the chart model. This property will be provided by chart model json.
+     */
+    style?: ChartStyle;
+    /**
+     * The theme name of the chart model. This property will be provided by chart model json.
+     */
+    themeName?: string;
+    /**
+     * The direction of the data source. If the data source is column direction, the value should be false.The default value is true.
+     */
+    isRowDirection?: boolean;
+    localeTexts?: IChartLocaleTexts;
+}
+export declare function generateChartModelContext(chartModel: ChartModel, dataSource: StaticChartSource): IChartContext | null;
+/**
+ * Convert the initial data to a chart model.
+ * @param initJson The initial data of the chart model.
+ * @param injector  The injector of the chart model.
+ * @returns {Promise<ChartModel>} The chart model.
+ * @example
+ * ```typescript
+ * const workbook = univerAPI.getActiveWorkbook()
+ * const sheet = workbook.getActiveSheet()
+ * const inject = sheet.getInject(); *
+ * const data = {
+ *     dimensions: ['a', 'b', 'c'],
+ *     source: [['test', 1, 3], ['test1', 2, 2], ['tes2', 3, 1], ['test3', 4, 4], ]
+ * } *
+ * const initData = {
+ *     chartType: 4,
+ *     source: data,
+ *     title: 'test title',
+ * }
+ * const model = await window.convertModelFromInitData(initData, inject)
+ * const rect = {
+ *     width: 500,
+ *     height: 400
+ * };
+ * console.log(window.convertModelToSpec(model, rect))
+ * setTimeout(()=>{
+ *     console.log('1111',window.convertModelToSpec(model, rect))
+ * },1000)
+ * ```
+ */
+export declare function convertModelFromInitData(initJson: IChartModelInitParams, injector: Injector): Promise<ChartModel>;
+/**
+ * Convert the chart model to a chart spec.The spec is a echart option object.
+ * @param model The chart model.
+ * @param rect The current size of the chart.
+ * @returns {EChartSpec} The chart spec.
+ */
+export declare function convertModelToSpec(model: ChartModel, rect: IChartHostRect): import("echarts").EChartsOption | {
+    backgroundColor: string;
+};

package/lib/types/model/mode-converter/render-spec-operators/axis-title.operator.d.ts

@@ -0,0 +1,2 @@
+import type { EChartRenderSpecOperator } from '../../../types';
+export declare const axisTitleStyleOperator: EChartRenderSpecOperator;