Components

VChartServer

Rendering ECharts on server and allow client-side injection.

<VChartServer> is a wrapper around <VChartIsland> to send props merged with contextual options from Provde / Inject for Server-side Rendering.

Example code on GitHub

Props

init-options

object

Optional chart init configurations. See echarts.init's opts parameter. Injection key: INIT_OPTIONS_KEY.

We have to specify the height and width property in init-options for SSR.

theme

string | object

Theme to be applied. See echarts.init's theme parameter. Injection key: THEME_KEY.

option

object

ECharts' universal interface. Modifying this prop will trigger ECharts' setOption method. Read more here →.

error

(error: unknown) => void

Emitted when when NuxtIsland fails to fetch the new island.

VChartIsland

Nuxt ECharts provides the <VChartIsland> component to render a non-interactive ECharts SVG without any client JS.

VChartLight

Enable simple interactions on the client side based on server-side rendering.