我正在以编程方式生成大量D3图.它们目前由带有SVG,CSS和JS的HTML组成.
我想以编程方式将这些图表导出为纯SVG.我无法弄清楚如何做到这一点.
我找到的最接近的解决方案是:将JavaScript生成的SVG转换为文件 - 但问题是我需要以编程方式进行,而不是使用Chrome Developer Tools或SVG Crowbar等需要手动点击/保存的工具.
我更喜欢使用Python,但此时我对任何工具/编程语言都很开放.
我使用了以下D3js教程来生成我的首选图表。但是我必须打开HTML文件才能生成图表,而应该将其作为自动过程的一部分,以在服务器端而不是在前端生成SVG文件。
教程:http://bl.ocks.org/nbremer/21746a9668ffdf6d8242
Result是测试数据的数组。在实际应用中,它是由几个过程生成的,最后一步是进行小计,然后从小计生成SVG输出并将其发送给特定的人。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Smoothed D3.js Radar Chart</title>
<script src="./d3.js" charset="utf-8"></script>
<style>
body {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 300;
fill: #242424;
text-align: center;
text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
cursor: default;
}
.legend {
font-family: 'Raleway', sans-serif;
fill: #333333;
}
.tooltip {
fill: …Run Code Online (Sandbox Code Playgroud)