Nuxt ECharts Docs
Components

<VChartServer>

Source
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: Optional chart init configurations. See echarts.init's opts parameter.
    • type: object
    • Injection key: INIT_OPTIONS_KEY.
We have to specify the height and width property in init-options for SSR.
  • theme: Theme to be applied. See echarts.init's theme parameter.
    • type: string or object
    • Injection key: THEME_KEY.
  • option: ECharts' universal interface. Modifying this prop will trigger ECharts' setOption method. Read more here →.
    • type: object

Events

  • error
    • parameters:
      • error:
        • type: unknown
    • description: 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.