[Bug] [Series][Label] Series data point labels are not visible when chart is saved as image file

[YogeshK-Itanta]

Version

5.3.2

Link to Minimal Reproduction

Example

Steps to Reproduce

• Plot a chart. (options can be found in the minimal reproduction link)
• Make sure that labels for series data points are visible.
• Create an image with the same chart as:

  const data = canvas.toBuffer('image/png');
  fs.writeFileSync(filename, data, { mode: 0o644, flag: 'w' });

• I do not see labels on data points of the series.

Current Behavior

• I create my chart with:

  const canvas = createCanvas(width, height);
  const chart = echarts.init(canvas);
  chart.setOption(options);
  //options can be found in the minimal reproduction link

• This renders the chart as expected. (Demo can be found here)

• But when I create an image with the same chart as:

  const data = canvas.toBuffer('image/png');
  fs.writeFileSync(filename, data, { mode: 0o644, flag: 'w' });

I do not see labels on data points of the series.

Expected Behavior

Chart should save the image with labels like this:

Environment

- OS: Windows 11 pro 22H2
- Node: 20.10.0

Any additional comments?

No response

[MatthiasMert]

You can use the saveAsImage feature instead.

[Ovilia]

Yes, please use saveAsImage. Getting the canvas is not suggested because it breaks the capsulization and may break things down.