Chrome 使用Apache“echarts”代码将图表呈现为svg以供离线使用?

jv4diomz  于 2023-02-10  发布在  Go
关注(0)|答案(1)|浏览(143)

抱歉,我不是一个程序员,所以这对我来说是一个新的世界。
有没有可能从网站上的java或css代码中提取元素数据,通过apache echarts生成图表,并将其转换为svg以备后用?我的工作之一是制作图表和数据动画,并访问单个形状、线条和数字,而不仅仅是一个"烤"的. png,这对我的工作来说是无价的。
这是所讨论代码的一个示例

我已经问了一些网站开发人员谁不能帮助,所以如果任何人有任何想法或可以指出我在正确的方向,我会非常感激。
干杯。
我还没有尝试任何东西,因为我很迷失,因为以上几个网络开发人员一直无法帮助到目前为止。

hzbexzde

hzbexzde1#

首先,我认为你的第一个标签是错误的,你说的是JavaScript,对吗?
我不确定是否完全理解您的问题,但是如果您想获得图表背后的SVG代码,您必须确保与您合作的开发人员不使用CanvasAPI。

Echarts有两个渲染器:canvassvg。请参阅画布与SVG -最佳实践-手册- Apache ECharts。如果要使用SVG呈现器,图表应按如下方式初始化:

let myChart = echarts.init(document.getElementById('main'), null, { renderer: 'svg' });

现在,要将图表导出为SVG,您可以:

  • 配置工具箱(参见toolbox.feature.saveAsImage.type)。主容器的右上角将出现一个下载按钮。
  • 使用浏览器开发工具复制/粘贴代码。

下面是一个示例(JSFiddle):
x一个一个一个一个x一个一个二个一个x一个一个三个一个

相关问题