# @univerjs-pro/chart-ui

- Human documentation: [https://docs.univer.ai/reference/packages/plugins/univerjs-pro/chart-ui](https://docs.univer.ai/reference/packages/plugins/univerjs-pro/chart-ui)

- Agent Markdown: [https://docs.univer.ai/reference/packages/plugins/univerjs-pro/chart-ui.md](https://docs.univer.ai/reference/packages/plugins/univerjs-pro/chart-ui.md)

- Requested language: `en-US`

- Content language: `en-US`

- Documentation version: `1.0.0-rc.0`

- Source: [packages/plugins/univerjs-pro/chart-ui.mdx](https://github.com/dream-num/documentation/blob/dev/content/reference/packages/plugins/univerjs-pro/chart-ui.mdx)

---

Shared chart UI controls, formatting panels, and floating menu utilities for Web SDK chart editors.

```typescript
import { ChartElementFloatMenu } from '@univerjs-pro/chart-ui'

import enUS from '@univerjs-pro/chart-ui/locale/en-US'

import '@univerjs-pro/chart-ui/lib/index.css'
```

## Entry Points

* Facade: `@univerjs-pro/chart-ui/facade`
* Locale: `@univerjs-pro/chart-ui/locale/*`
* Style: `@univerjs-pro/chart-ui/lib/index.css`

Import the Facade entry to add `exportImage({ format?: 'png' | 'svg' })` to live `FChart` instances. It returns a rendered data URL, or `undefined` when the current host has no UI renderer.