Components

VChartFull

<VChartFull> brings full ECharts functionality to your Nuxt app with SSR.

<VChartFull> will render a chart on the server then on the client once mounted in the browser.

Usage of VChartFull is almost the same as VChart. Besides, VChartFull provides functionality of Server-side Rendering.

The client 'halve' of <VChartFull> is based on Nuxt client-only component which is rendered only after being mounted. To access the rendered template using onMounted(), add await nextTick() in the callback of the onMounted() hook.

Example code on GitHub

Component API

Please see the usage of VChart

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

VChart

<VChart> is a simple and powerful ECharts wrapper in Vue.

VChartIsland

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