office-viewer 0.2.0 → 0.3.0

package/lib/excel/render/drawing/chart/fromAreaChart.d.ts

@@ -0,0 +1,74 @@
+import { CT_AreaChart } from '../../../../openxml/ChartTypes';
+import { Workbook } from '../../../Workbook';
+export declare function fromAreaChart(workbook: Workbook, areaChart: CT_AreaChart): {
+    categories: string[];
+    series: {
+        name: string;
+        type: string;
+        stack: string | undefined;
+        data: number[];
+        label: {
+            show?: boolean | undefined;
+            position?: string | any[] | undefined;
+            distance?: number | undefined;
+            rotate?: number | undefined;
+            offset?: any[] | undefined;
+            formatter?: string | Function | undefined;
+            color?: string | undefined;
+            fontStyle?: string | undefined;
+            fontWeight?: string | number | undefined;
+            fontFamily?: string | undefined;
+            fontSize?: number | undefined;
+            align?: string | undefined;
+            verticalAlign?: string | undefined;
+            lineHeight?: number | undefined;
+            backgroundColor?: string | object | undefined;
+            borderColor?: string | undefined;
+            borderWidth?: number | undefined;
+            borderRadius?: number | undefined;
+            padding?: number | any[] | undefined;
+            shadowColor?: string | undefined;
+            shadowBlur?: number | undefined;
+            shadowOffsetX?: number | undefined;
+            shadowOffsetY?: number | undefined;
+            width?: string | number | undefined;
+            height?: string | number | undefined;
+            textBorderColor?: string | undefined;
+            textBorderWidth?: number | undefined;
+            textShadowColor?: string | undefined;
+            textShadowBlur?: number | undefined;
+            textShadowOffsetX?: number | undefined;
+            textShadowOffsetY?: number | undefined;
+            rich?: {
+                [userStyle: string]: {
+                    color?: string | undefined;
+                    fontStyle?: string | undefined;
+                    fontWeight?: string | number | undefined;
+                    fontFamily?: string | undefined;
+                    fontSize?: number | undefined;
+                    align?: string | undefined;
+                    verticalAlign?: string | undefined;
+                    lineHeight?: number | undefined;
+                    backgroundColor?: string | object | undefined;
+                    borderColor?: string | undefined;
+                    borderWidth?: number | undefined;
+                    borderRadius?: number | undefined;
+                    padding?: number | any[] | undefined;
+                    shadowColor?: string | undefined;
+                    shadowBlur?: number | undefined;
+                    shadowOffsetX?: number | undefined;
+                    shadowOffsetY?: number | undefined;
+                    width?: string | number | undefined;
+                    height?: string | number | undefined;
+                    textBorderColor?: string | undefined;
+                    textBorderWidth?: number | undefined;
+                    textShadowColor?: string | undefined;
+                    textShadowBlur?: number | undefined;
+                    textShadowOffsetX?: number | undefined;
+                    textShadowOffsetY?: number | undefined;
+                };
+            } | undefined;
+        } | undefined;
+        areaStyle: {};
+    }[];
+};

package/lib/excel/render/drawing/chart/fromAreaChart.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var calcPercentStacked = require('./calcPercentStacked.js');
+var getStack = require('./getStack.js');
+var getData = require('./getData.js');
+var buildLabel = require('./buildLabel.js');
+
+function fromAreaChart(workbook, areaChart) {
+    var e_1, _a;
+    var _b, _c, _d, _e, _f;
+    var categories = [];
+    var series = [];
+    var ser = areaChart.ser || [];
+    var isPercentStacked = false;
+    try {
+        for (var ser_1 = tslib.__values(ser), ser_1_1 = ser_1.next(); !ser_1_1.done; ser_1_1 = ser_1.next()) {
+            var areaSeries = ser_1_1.value;
+            var seriesData = getData.getData(workbook, areaSeries.val);
+            var name_1 = ((_f = (_e = (_d = (_c = (_b = areaSeries.tx) === null || _b === void 0 ? void 0 : _b.strRef) === null || _c === void 0 ? void 0 : _c.strCache) === null || _d === void 0 ? void 0 : _d.pt) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.v) || '';
+            if (name_1) {
+                categories.push(name_1);
+            }
+            var label = buildLabel.buildLabel(areaSeries.dLbls);
+            var stack = getStack.getStack(areaChart.grouping);
+            isPercentStacked = stack.isPercentStacked;
+            series.push({
+                name: name_1,
+                type: 'line',
+                stack: stack.stack,
+                data: seriesData,
+                label: label,
+                areaStyle: {}
+            });
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (ser_1_1 && !ser_1_1.done && (_a = ser_1.return)) _a.call(ser_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    if (isPercentStacked) {
+        calcPercentStacked.calcPercentStacked(series);
+    }
+    return {
+        categories: categories,
+        series: series
+    };
+}
+
+exports.fromAreaChart = fromAreaChart;

package/lib/excel/render/drawing/chart/fromBarChart.d.ts

@@ -0,0 +1,11 @@
+import { CT_BarChart } from '../../../../openxml/ChartTypes';
+import { Workbook } from '../../../Workbook';
+export declare function fromBarChart(workbook: Workbook, barChart: CT_BarChart): {
+    categories: string[];
+    series: {
+        name: string;
+        type: string;
+        stack: string | undefined;
+        data: number[];
+    }[];
+};

package/lib/excel/render/drawing/chart/fromBarChart.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var getStack = require('./getStack.js');
+var calcPercentStacked = require('./calcPercentStacked.js');
+var getData = require('./getData.js');
+
+function fromBarChart(workbook, barChart) {
+    var e_1, _a;
+    var _b, _c, _d, _e, _f;
+    var categories = [];
+    var series = [];
+    var barSer = barChart.ser || [];
+    var isPercentStacked = false;
+    try {
+        for (var barSer_1 = tslib.__values(barSer), barSer_1_1 = barSer_1.next(); !barSer_1_1.done; barSer_1_1 = barSer_1.next()) {
+            var barSeries = barSer_1_1.value;
+            var seriesData = getData.getData(workbook, barSeries.val);
+            var name_1 = ((_f = (_e = (_d = (_c = (_b = barSeries.tx) === null || _b === void 0 ? void 0 : _b.strRef) === null || _c === void 0 ? void 0 : _c.strCache) === null || _d === void 0 ? void 0 : _d.pt) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.v) || '';
+            if (name_1) {
+                categories.push(name_1);
+            }
+            var stack = getStack.getStack(barChart.grouping);
+            isPercentStacked = stack.isPercentStacked;
+            series.push({
+                name: name_1,
+                type: 'bar',
+                stack: stack.stack,
+                data: seriesData
+            });
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (barSer_1_1 && !barSer_1_1.done && (_a = barSer_1.return)) _a.call(barSer_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    if (isPercentStacked) {
+        calcPercentStacked.calcPercentStacked(series);
+    }
+    return { categories: categories, series: series };
+}
+
+exports.fromBarChart = fromBarChart;

package/lib/excel/render/drawing/chart/fromDoughnutChart.d.ts

@@ -0,0 +1,18 @@
+import { CT_DoughnutChart } from '../../../../openxml/ChartTypes';
+import { Workbook } from '../../../Workbook';
+export declare function fromDoughnutChart(workbook: Workbook, doughnutChart: CT_DoughnutChart): {
+    categories: string[];
+    series: {
+        name: string;
+        data: number[];
+        type: string;
+        radius: string[];
+        emphasis: {
+            label: {
+                show: boolean;
+                fontSize: number;
+                fontWeight: string;
+            };
+        };
+    }[];
+};

package/lib/excel/render/drawing/chart/fromDoughnutChart.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var getData = require('./getData.js');
+var buildLabel = require('./buildLabel.js');
+
+function fromDoughnutChart(workbook, doughnutChart) {
+    var e_1, _a;
+    var _b, _c, _d, _e, _f;
+    var categories = [];
+    var series = [];
+    var chartSer = doughnutChart.ser || [];
+    try {
+        for (var chartSer_1 = tslib.__values(chartSer), chartSer_1_1 = chartSer_1.next(); !chartSer_1_1.done; chartSer_1_1 = chartSer_1.next()) {
+            var ser = chartSer_1_1.value;
+            var seriesData = getData.getData(workbook, ser.val);
+            var name_1 = ((_f = (_e = (_d = (_c = (_b = ser.tx) === null || _b === void 0 ? void 0 : _b.strRef) === null || _c === void 0 ? void 0 : _c.strCache) === null || _d === void 0 ? void 0 : _d.pt) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.v) || '';
+            if (name_1) {
+                categories.push(name_1);
+            }
+            var label = buildLabel.buildLabel(ser.dLbls);
+            series.push({
+                name: name_1,
+                data: seriesData,
+                type: 'pie',
+                radius: ['40%', '70%'],
+                emphasis: {
+                    label: {
+                        show: true,
+                        fontSize: 40,
+                        fontWeight: 'bold'
+                    }
+                }
+            });
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (chartSer_1_1 && !chartSer_1_1.done && (_a = chartSer_1.return)) _a.call(chartSer_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return {
+        categories: categories,
+        series: series
+    };
+}
+
+exports.fromDoughnutChart = fromDoughnutChart;

package/lib/excel/render/drawing/chart/fromLineChart.d.ts

@@ -0,0 +1,73 @@
+import { CT_LineChart } from '../../../../openxml/ChartTypes';
+import { Workbook } from '../../../Workbook';
+export declare function fromLineChart(workbook: Workbook, lineChart: CT_LineChart): {
+    categories: string[];
+    series: {
+        name: string;
+        type: string;
+        stack: string | undefined;
+        data: number[];
+        label: {
+            show?: boolean | undefined;
+            position?: string | any[] | undefined;
+            distance?: number | undefined;
+            rotate?: number | undefined;
+            offset?: any[] | undefined;
+            formatter?: string | Function | undefined;
+            color?: string | undefined;
+            fontStyle?: string | undefined;
+            fontWeight?: string | number | undefined;
+            fontFamily?: string | undefined;
+            fontSize?: number | undefined;
+            align?: string | undefined;
+            verticalAlign?: string | undefined;
+            lineHeight?: number | undefined;
+            backgroundColor?: string | object | undefined;
+            borderColor?: string | undefined;
+            borderWidth?: number | undefined;
+            borderRadius?: number | undefined;
+            padding?: number | any[] | undefined;
+            shadowColor?: string | undefined;
+            shadowBlur?: number | undefined;
+            shadowOffsetX?: number | undefined;
+            shadowOffsetY?: number | undefined;
+            width?: string | number | undefined;
+            height?: string | number | undefined;
+            textBorderColor?: string | undefined;
+            textBorderWidth?: number | undefined;
+            textShadowColor?: string | undefined;
+            textShadowBlur?: number | undefined;
+            textShadowOffsetX?: number | undefined;
+            textShadowOffsetY?: number | undefined;
+            rich?: {
+                [userStyle: string]: {
+                    color?: string | undefined;
+                    fontStyle?: string | undefined;
+                    fontWeight?: string | number | undefined;
+                    fontFamily?: string | undefined;
+                    fontSize?: number | undefined;
+                    align?: string | undefined;
+                    verticalAlign?: string | undefined;
+                    lineHeight?: number | undefined;
+                    backgroundColor?: string | object | undefined;
+                    borderColor?: string | undefined;
+                    borderWidth?: number | undefined;
+                    borderRadius?: number | undefined;
+                    padding?: number | any[] | undefined;
+                    shadowColor?: string | undefined;
+                    shadowBlur?: number | undefined;
+                    shadowOffsetX?: number | undefined;
+                    shadowOffsetY?: number | undefined;
+                    width?: string | number | undefined;
+                    height?: string | number | undefined;
+                    textBorderColor?: string | undefined;
+                    textBorderWidth?: number | undefined;
+                    textShadowColor?: string | undefined;
+                    textShadowBlur?: number | undefined;
+                    textShadowOffsetX?: number | undefined;
+                    textShadowOffsetY?: number | undefined;
+                };
+            } | undefined;
+        } | undefined;
+    }[];
+};

package/lib/excel/render/drawing/chart/fromLineChart.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var calcPercentStacked = require('./calcPercentStacked.js');
+var getStack = require('./getStack.js');
+var getData = require('./getData.js');
+var buildLabel = require('./buildLabel.js');
+
+function fromLineChart(workbook, lineChart) {
+    var e_1, _a;
+    var _b, _c, _d, _e, _f;
+    var categories = [];
+    var series = [];
+    var ser = lineChart.ser || [];
+    var isPercentStacked = false;
+    try {
+        for (var ser_1 = tslib.__values(ser), ser_1_1 = ser_1.next(); !ser_1_1.done; ser_1_1 = ser_1.next()) {
+            var lineSeries = ser_1_1.value;
+            var seriesData = getData.getData(workbook, lineSeries.val);
+            var name_1 = ((_f = (_e = (_d = (_c = (_b = lineSeries.tx) === null || _b === void 0 ? void 0 : _b.strRef) === null || _c === void 0 ? void 0 : _c.strCache) === null || _d === void 0 ? void 0 : _d.pt) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.v) || '';
+            if (name_1) {
+                categories.push(name_1);
+            }
+            var label = buildLabel.buildLabel(lineSeries.dLbls);
+            var stack = getStack.getStack(lineChart.grouping);
+            isPercentStacked = stack.isPercentStacked;
+            series.push({
+                name: name_1,
+                type: 'line',
+                stack: stack.stack,
+                data: seriesData,
+                label: label
+            });
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (ser_1_1 && !ser_1_1.done && (_a = ser_1.return)) _a.call(ser_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    if (isPercentStacked) {
+        calcPercentStacked.calcPercentStacked(series);
+    }
+    return {
+        categories: categories,
+        series: series
+    };
+}
+
+exports.fromLineChart = fromLineChart;

package/lib/excel/render/drawing/chart/fromPieChart.d.ts

@@ -0,0 +1,10 @@
+import { CT_PieChart } from '../../../../openxml/ChartTypes';
+import { Workbook } from '../../../Workbook';
+export declare function fromPieChart(workbook: Workbook, pieChart: CT_PieChart): {
+    categories: string[];
+    series: {
+        name: string;
+        data: number[];
+        type: string;
+    }[];
+};

package/lib/excel/render/drawing/chart/fromPieChart.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var getData = require('./getData.js');
+var buildLabel = require('./buildLabel.js');
+
+function fromPieChart(workbook, pieChart) {
+    var e_1, _a;
+    var _b, _c, _d, _e, _f;
+    var categories = [];
+    var series = [];
+    var chartSer = pieChart.ser || [];
+    try {
+        for (var chartSer_1 = tslib.__values(chartSer), chartSer_1_1 = chartSer_1.next(); !chartSer_1_1.done; chartSer_1_1 = chartSer_1.next()) {
+            var ser = chartSer_1_1.value;
+            var seriesData = getData.getData(workbook, ser.val);
+            var name_1 = ((_f = (_e = (_d = (_c = (_b = ser.tx) === null || _b === void 0 ? void 0 : _b.strRef) === null || _c === void 0 ? void 0 : _c.strCache) === null || _d === void 0 ? void 0 : _d.pt) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.v) || '';
+            if (name_1) {
+                categories.push(name_1);
+            }
+            var label = buildLabel.buildLabel(ser.dLbls);
+            series.push({
+                name: name_1,
+                data: seriesData,
+                type: 'pie'
+            });
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (chartSer_1_1 && !chartSer_1_1.done && (_a = chartSer_1.return)) _a.call(chartSer_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return {
+        categories: categories,
+        series: series
+    };
+}
+
+exports.fromPieChart = fromPieChart;

package/lib/excel/render/drawing/chart/getData.d.ts

@@ -0,0 +1,6 @@
+import { CT_NumDataSource } from '../../../../openxml/ChartTypes';
+import { Workbook } from '../../../Workbook';
+/**
+ * 获取数据，目前只从 cache 里获取，后续改成动态获取
+ */
+export declare function getData(workbook: Workbook, val?: CT_NumDataSource): number[];

package/lib/excel/render/drawing/chart/getData.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * 获取数据，目前只从 cache 里获取，后续改成动态获取
+ */
+function getData(workbook, val) {
+    var _a, _b, _c;
+    var ref = (_a = val === null || val === void 0 ? void 0 : val.numRef) === null || _a === void 0 ? void 0 : _a.f;
+    if (!ref) {
+        return [];
+    }
+    var seriesData = (((_c = (_b = val === null || val === void 0 ? void 0 : val.numRef) === null || _b === void 0 ? void 0 : _b.numCache) === null || _c === void 0 ? void 0 : _c.pt) || []).map(function (pt) {
+        return parseFloat(pt.v);
+    });
+    return seriesData;
+}
+
+exports.getData = getData;

package/lib/excel/render/drawing/chart/getStack.d.ts

@@ -0,0 +1,5 @@
+import { CT_BarGrouping } from '../../../../openxml/ChartTypes';
+export declare function getStack(grouping?: CT_BarGrouping): {
+    stack: string | undefined;
+    isPercentStacked: boolean;
+};

package/lib/excel/render/drawing/chart/getStack.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function getStack(grouping) {
+    var stack;
+    var isPercentStacked = false;
+    if (grouping) {
+        if (grouping.val === 'stacked') {
+            stack = 'x';
+        }
+        if (grouping.val === 'percentStacked') {
+            // 这个在 Echarts 里需要自己计算百分比
+            stack = 'x';
+            isPercentStacked = true;
+        }
+    }
+    return { stack: stack, isPercentStacked: isPercentStacked };
+}
+
+exports.getStack = getStack;

package/lib/excel/render/drawing/convertToEChartOptions.d.ts

@@ -0,0 +1,8 @@
+import type echarts from 'echarts';
+import { Workbook } from '../../Workbook';
+import { IChartSpace } from '../../types/IChartSpace';
+/**
+ * 将 chartSpace 配置转成 EChartOptions
+ * P3365
+ */
+export declare function convertToEChartOptions(workbook: Workbook, chartSpace: IChartSpace): echarts.EChartOption | null;

package/lib/excel/render/drawing/convertToEChartOptions.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var fromBarChart = require('./chart/fromBarChart.js');
+var fromAreaChart = require('./chart/fromAreaChart.js');
+var convertAxis = require('./chart/convertAxis.js');
+var convertLegend = require('./chart/convertLegend.js');
+var convertTitle = require('./chart/convertTitle.js');
+var fromDoughnutChart = require('./chart/fromDoughnutChart.js');
+var fromLineChart = require('./chart/fromLineChart.js');
+var fromPieChart = require('./chart/fromPieChart.js');
+
+/**
+ * 将 chartSpace 配置转成 EChartOptions
+ * P3365
+ */
+function convertToEChartOptions(workbook, chartSpace) {
+    var chart = chartSpace.chart;
+    console.log('chart', chart);
+    if (!chart) {
+        return null;
+    }
+    var title = convertTitle.convertTitle(chart.title);
+    var grid = {
+        backgroundColor: 'white',
+        show: true
+    };
+    var echartsOptions = {
+        title: title,
+        grid: grid
+    };
+    var plotArea = chart.plotArea;
+    if (!plotArea) {
+        return null;
+    }
+    var categories = [];
+    var series = [];
+    if (plotArea.lineChart) {
+        var result = fromLineChart.fromLineChart(workbook, plotArea.lineChart);
+        categories = result.categories;
+        series = series.concat(result.series);
+    }
+    if (plotArea.barChart) {
+        var result = fromBarChart.fromBarChart(workbook, plotArea.barChart);
+        categories = result.categories;
+        series = series.concat(result.series);
+    }
+    if (plotArea.areaChart) {
+        var result = fromAreaChart.fromAreaChart(workbook, plotArea.areaChart);
+        categories = result.categories;
+        series = series.concat(result.series);
+    }
+    if (plotArea.pieChart) {
+        var result = fromPieChart.fromPieChart(workbook, plotArea.pieChart);
+        categories = result.categories;
+        series = series.concat(result.series);
+    }
+    if (plotArea.doughnutChart) {
+        var result = fromDoughnutChart.fromDoughnutChart(workbook, plotArea.doughnutChart);
+        categories = result.categories;
+        series = series.concat(result.series);
+    }
+    var _a = convertAxis.convertAxis(categories, plotArea.catAx, plotArea.valAx), xAxis = _a.xAxis, yAxis = _a.yAxis;
+    var legend = convertLegend.convertLegend(categories, chart.legend);
+    return tslib.__assign(tslib.__assign({}, echartsOptions), { legend: legend, xAxis: xAxis, yAxis: yAxis, series: series });
+}
+
+exports.convertToEChartOptions = convertToEChartOptions;

package/lib/excel/render/drawing/drawChart.d.ts

@@ -0,0 +1,4 @@
+import { Sheet } from '../../sheet/Sheet';
+import { IChartSpace } from '../../types/IChartSpace';
+import { Rect } from '../Rect';
+export declare function drawChart(currentSheet: Sheet, displayRect: Rect, rowHeaderWidth: number, colHeaderHeight: number, chartRect: Rect, chartSpace: IChartSpace): void;

package/lib/excel/render/drawing/drawChart.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Rect = require('../Rect.js');
+var EChartsRender = require('./EChartsRender.js');
+var convertToEChartOptions = require('./convertToEChartOptions.js');
+
+var EChartsMap = {};
+function drawChart(currentSheet, displayRect, rowHeaderWidth, colHeaderHeight, chartRect, chartSpace) {
+    var workbook = currentSheet.getWorkbook();
+    // Excel 渲染在数据容器内，可以被表头遮挡
+    var dataContainer = workbook.getDataContainer();
+    var gid = chartSpace.gid;
+    // 因为前面算的是相对位置，所以这里也得转成相对位置
+    var relativeDisplayRect = {
+        x: 0,
+        y: 0,
+        width: displayRect.width,
+        height: displayRect.height
+    };
+    var renderRect = {
+        x: chartRect.x - rowHeaderWidth,
+        y: chartRect.y - colHeaderHeight,
+        width: chartRect.width,
+        height: chartRect.height
+    };
+    if (Rect.rectIntersect(renderRect, relativeDisplayRect)) {
+        var echartsRender = void 0;
+        // 目前 sheet 切换的时候会清空
+        var chartElement = dataContainer.querySelector("[data-gid=\"".concat(gid, "\"]"));
+        if (EChartsMap[gid] && chartElement) {
+            echartsRender = EChartsMap[gid];
+            echartsRender.updatePosition(renderRect);
+            echartsRender.show();
+        }
+        else {
+            echartsRender = new EChartsRender.EChartsRender(dataContainer, renderRect, gid);
+            EChartsMap[gid] = echartsRender;
+            var echartsOption = convertToEChartOptions.convertToEChartOptions(workbook, chartSpace);
+            if (echartsOption) {
+                echartsRender.render(echartsOption);
+            }
+        }
+    }
+    else {
+        if (EChartsMap[gid]) {
+            EChartsMap[gid].hide();
+        }
+    }
+}
+
+exports.drawChart = drawChart;

package/lib/excel/render/drawing/drawDrawing.d.ts

@@ -0,0 +1,8 @@
+import { Sheet } from '../../sheet/Sheet';
+import { SheetCanvas } from '../SheetCanvas';
+import { ViewRange } from 'src/excel/sheet/ViewRange';
+import { ExcelRender } from '../ExcelRender';
+/**
+ * 绘制 sheet 里的图片及文本框
+ */
+export declare function drawDrawing(excelRender: ExcelRender, currentSheet: Sheet, viewRange: ViewRange, canvas: SheetCanvas): void;