echarts [Feature] SVG 只能显示部分,还有部分不能显示

cmssoen2  于 4个月前  发布在  Echarts
关注(0)|答案(6)|浏览(52)

What problem does this feature solve?

作者, 请问svg只能显示部分,怎么弄都显示不了全部,这怎么解决
svg 如下,只能显示第一个rect 后面2个不能显示,这个怎么解决,好像用xlink:link 都会有这个问题,显示不了,如果改掉这个,直接贴重复的代码,而不是引用,就可以显示出来,但是这样太麻烦了

svg xmlns=" http://www.w3.org/2000/svg " xmlns:xlink=" http://www.w3.org/1999/xlink " viewBox="0 0 21.05 19.08">defs>
linearGradient id="a" x1="20.76" y1="0.54" x2="17.26" y2="0.54" gradientUnits="userSpaceOnUse">
stop offset="0" stop-color="#738156"/>
/linearGradient>
linearGradient id="c" x1="3.76" y1="18.54" x2="0.26" y2="18.54" xlink:href="#a"/>
/defs>
rect x="17" width="4.05" height="1.08" style="fill:url(#a)"/>
rect y="11" width="4.05" height="1.08" style="fill:url(#b)"/>
rect y="18" width="4.05" height="1.08" style="fill:url(#c)"/>/svg

What does the proposed API look like?

怎么才能解决全部显示svg 谢谢

z6psavjg

z6psavjg1#

@mynewbaby888 It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
TRANSLATED

TITLE

[Feature] SVG can only display part of it, and some parts cannot be displayed.

BODY

What problem does this feature solve?

Author, please tell me how to solve this problem when only part of the svg can be displayed, but not all of it.
The svg is as follows. Only the first rect can be displayed and the next two cannot be displayed. How to solve this? It seems that using xlink:link will have this problem and it cannot be displayed. If you change this, just paste the repeated code instead of citing it. Show it, but it's too much trouble

What does the proposed API look like?

How can I solve the problem of displaying all svg? Thank you

np8igboo

np8igboo2#

请问社区有交流群吗?想为社区做贡献。QAQ一直没找到人交流。

aamkag61

aamkag613#

see #18407 , looks like SVG linearGradient is not supported

jogvjijk

jogvjijk4#

see #18407 , looks like SVG linearGradient is not supported

No, linearGradient seems supported, I think it is because of 'xlink:href=', I replace source code instead of this 'xlink:href='
the display will work, moreover, the first rect can be showed in echarts,only the lineargradient use ‘xlink:href=’
canot be displayed in echarts

qojgxg4l

qojgxg4l5#

@mynewbaby888 Please provide a demo for the issue either with Official Editor , CodePen , CodeSandbox or JSFiddle .

uemypmqf

uemypmqf6#

请问社区有交流群吗?想为社区做贡献。QAQ一直没找到人交流。

@LofiSu GitHub issue and mailing list is the official channel to get help.

相关问题