Incubator-echarts: SVG and Canvas have different results for "Pie with scrollable legend" chart in echarts example

[wmjcom]

I test "Pie with scrollable legend" chart in echarts example. This is the url "http://www.echartsjs.com/examples/editor.html?c=pie-legend". I click the "Download" button to save the html file into local. Then I compare the chart to render on canvas and svg.

The first result is the default html. It looks good.

I only make below changes to support svg in the html.
var myChart = echarts.init(dom, null, {renderer: 'svg'});

The svg chart has three issues different to canvas chart.
(1) Title is out of top range.
(2) Legend text cannot be shown.
(3) When move over pie chart, the section is to white. But it keeps same color for canvas.

Can anyone give some suggestions? Thanks.

[Meldanen]

I was just about to create the same ticket regarding the legends :)

[wmjcom]

@Ovilia Can you give any help? It is echarts example.

[wmjcom]

I was just about to create the same ticket regarding the legends

I also find many issues for other charts in echarts example. If we know exact reason for this issue, we can know others.

[Ovilia]

Seems to have something to do with clipPath. I'll check it out ASAP.

[wmjcom]

@Ovilia Is this a bug? When can your team fix it? Thanks.

[Ovilia]

Sorry, not have time to check it. I'll check it tomorrow.

[Ovilia]

Confirmed that this is a bug caused by SVG transform with clipPath. I'm afraid it should take some time to be fixed since it's not very easy to fix it.

[wmjcom]

      Confirmed that this is a bug caused by SVG transform with clipPath. I'm afraid it should take some time to be fixed since it's not very easy to fix it.

It is a obvious bug for pie chart. It is better to fix it quickly.

[SunGuoQiang123]

same issue for line chart

[daolou]

I meet the same issues.

When will it be fixed ?

[Ovilia]

@Mr-jiangzhiguo This bug needs much code changes so I scheduled it in 5.0.0.

[chenjigeng]

我也遇到这个问题~请问目前最新版本修复了吗