echarts 不支持 svg中的symbol和use标签

Emicky 发布于 2015/05/30 09:49
阅读 959
收藏 0

@Kener-林峰 你好,想跟你请教个问题:

对于map,导入自定义的svg地图,如果svg中使用了symbol和use,就无法显示symbol。

因为我的svg比较复杂,使用symbol+use的方式会压缩很大的空间。

使用symbol+use的svg是在AI中编辑并输出svg的,该svg在浏览器下显示正常。但是导入echarts中,所有的use都不起作用,不显示。

如果不使用该标签,就正常显示。

请问如何解决?多谢!


代码片段:引入svg

getGeoJson: function (callback) { $.ajax({ url: '../img/pGuard/prisonMap.svg', dataType: 'xml', success: function (xml) {
            callback(xml);
        }
    });
}

svg的代码片段:

<symbol  id="s_x5F_window5" viewBox="-1.412 -2.109 2.824 4.218">
<polygon fill="#504F4F" points="1.412,-1.015 1.373,2.109 -1.412,1.023 -1.412,-2.109 "/>
</symbol>
<g id="bg">
<rect fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" width="800" height="599"/>
</g>
<g id="wall">
<g>

<use xlink:href="#s_x5F_wall2"  width="14.942" height="5.69" x="-7.472" y="-2.845" transform="matrix(1 0 0 -1 464.7402 45.6665)" overflow="visible"/>



加载中
返回顶部
顶部