Legend symbol/label are misaligned in some cases

Version

5.0.1

Steps to reproduce

1. Create any chart with a legend
2. Use the legend options below

Note: The use of “Hind” for fontFamily is important here

{
  ...
  icon: 'circle',
  itemWidth: 8,
  itemHeight: 8,
  textStyle: {
    fontFamily: 'Hind',
    fontSize: 12
  }
  ...
}

What is expected?

It is expected that the symbol (circle) and the label are vertically-aligned with each other.

What is actually happening?

When using “Hind” as the font family, the symbol and label are not vertically-aligned with one another. Other fonts (including custom fonts) do not have this issue. I tried modifying nearly all related options, including trying to “hack” together something that forced the label and symbol to align but nothing worked.

v4 of eCharts worked fine for the “Hind” font so it’s something to do with v5.

---

After upgrading to v5, the legend symbol/labels were no longer aligned. We had been using v4 for 2-3 years with no problem.

Screenshots

Notice how the symbol (circle) and the label are not vertically-aligned with one another (“Hind” font)

Notice when using other fonts (Montserrat and default font, respectively), the symbol and labels are perfectly aligned

[gregdeane]

Hello, just following up on this. It’s labeled as “not-a-bug” but @Ovilia’s suggestion does not work. If there is no solution to the issue, then I believe this is a bug.

Can someone please reply with a way to address the issue in the initial comment?

[gregdeane]

@Ovilia Any thoughts or suggestions on my comment above?