Chart 0.5.0+
| Facade API | Paid Version | Univer Server | Univer on Node.js | Preset |
|---|---|---|---|---|
| - | ✅ | - | ✅ | UniverSheetsAdvancedPreset |
Chart Feature provide the ability to insert floating charts based on range data in spreadsheets.
This feature includes the following plugin packages:
@univerjs-pro/sheets-chart- Chart plugin@univerjs-pro/sheets-chart-ui- Chart UI plugin
Presets Installation
Follow the installation guide in Print Feature.
Advanced Installation
pnpm add @univerjs-pro/sheets-chart @univerjs-pro/sheets-chart-uiimport { 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 Advanced Installation
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);