Chart not displayed correctly

[raphi-0901]

Hey, I wanted to display a simple pie chart and used your example from here, but I only get the legend:

I created a minimal reproduction here:
https://stackblitz.com/edit/nuxt-starter-ru8xufrv?file=nuxt.config.ts

Apart from that, I also tried to create a bar chart instead and there was no output at all!

Could you please tell me what I am doing wrong?

[kingyue737]

Good question. You are using Server Side Rendering of ECharts. Initial width and height must be set, otherwise the server will not know the size of the chart you want to render.

For example:

  <VChartLight :option="option" @click="onClick" :init-options="{width:300, height:300}" />

Ref: ECharts SSR guide

[raphi-0901]

Thank you! It works now.