Chart Js库中是不是有任何函数可以在angularjs中获取SVG？

Posted 2023-03-28

【中文标题】Chart Js库中是不是有任何函数可以在angularjs中获取SVG？

【英文标题】：Is there any function in Echarts library that getSVG in angulajs?Chart Js库中是否有任何函数可以在angularjs中获取SVG？

【发布时间】：2020-05-26 15:35:31

【问题描述】：

我正在尝试在 angularjs 中获取 Echarts 元素的 SVG，我搜索了很多但没有找到任何有用的解决方案。 我需要一些我在 highchart 中使用的功能：

    const chartContainerId = `#targetChart-$id`;
        if ($(chartContainerId).highcharts()) 
            chartElementSVG = $(chartContainerId)
                .highcharts()
                .getSVG();
            $(chartContainerId).html(chartElementSVG);
        

我现在正在使用 Echart 库，并希望重构此代码，以检查容器是否为 Echart 元素，如果是则 getSVG。 任何帮助请..

【问题讨论】：

你的意思是这个库：echarts.apache.org 吗？如果是这样，那么它就在画布上，因此不能导出为 SVG。有一个echarts.apache.org/en/api.html#echartsInstance.getDom 方法可以获取图表的容器（如果需要的话）。

是的，我的意思是这个库：echarts.apache.org 我已经尝试过使用这个 echartsInstance.getDom 但这不是我想要的，我需要获取图表的 svg

嗯，据我所知，你不能。这些是不同的东西，svg 不能直接从画布中检索。如果你需要 SVG，那么你应该使用用 SVG 构建图表的库。

【参考方案1】：

您可以将较新版本的 eCharts 的渲染器指定为 SVG 而不是画布。

Render by Canvas or SVG 这可能会让您更轻松地提取 svg。