图表 0.5.0+

Facade API	付费版本	需要 Univer 服务端	Univer on Node.js	Preset
-	✅	-	✅	UniverSheetsAdvancedPreset

图表提供了在表格中基于区域数据插入浮动图表的功能。

该功能包含以下插件包：

@univerjs-pro/sheets-chart - 图表插件
@univerjs-pro/sheets-chart-ui 图表 UI 插件

Presets 安装

按照打印功能中的引导安装即可。

高级安装

pnpm add @univerjs-pro/sheets-chart @univerjs-pro/sheets-chart-ui

import { LocaleType, Tools } from '@univerjs/core';
import { UniverSheetsChartPlugin } from '@univerjs-pro/sheets-chart';
import { UniverSheetsChartUIPlugin } from '@univerjs-pro/sheets-chart-ui';
import SheetsChartZhCN from '@univerjs-pro/sheets-chart/locale/zh-CN';
import SheetsChartUIZhCN from '@univerjs-pro/sheets-chart-ui/locale/zh-CN';
 
import '@univerjs-pro/sheets-chart-ui/lib/index.css';
 
import '@univerjs-pro/sheets-chart/facade';
 
const univer = new Univer({
  theme: defaultTheme,
  locale: LocaleType.ZH_CN,
  locales: {
    [LocaleType.ZH_CN]: Tools.deepMerge(
      SheetsChartZhCN,
      SheetsChartUIZhCN
    ),
  },
});
 
univer.registerPlugin(UniverSheetsChartPlugin);
univer.registerPlugin(UniverSheetsChartUIPlugin);

Univer on Node.js 高级安装

import { LocaleType, Tools } from '@univerjs/core';
import { UniverSheetsChartPlugin } from '@univerjs-pro/sheets-chart';
import SheetsChartZhCN from '@univerjs-pro/sheets-chart/locale/zh-CN';
 
const univer = new Univer({
  theme: defaultTheme,
  locale: LocaleType.ZH_CN,
  locales: {
    [LocaleType.ZH_CN]: Tools.deepMerge(
      SheetsChartZhCN,
    ),
  },
});
 
univer.registerPlugin(UniverSheetsChartPlugin);

历史记录Pro 评论 / 批注