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 构建图表的库。

标签： javascript angularjs svg dom echarts

【解决方案1】：

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

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

【讨论】：