相关疑难解决方法(0)

以编程方式将D3.js图导出为静态SVG文件

我正在以编程方式生成大量D3图.它们目前由带有SVG,CSS和JS的HTML组成.

我想以编程方式将这些图表导出为纯SVG.我无法弄清楚如何做到这一点.

我找到的最接近的解决方案是:将JavaScript生成的SVG转换为文件 - 但问题是我需要以编程方式进行,而不是使用Chrome Developer Tools或SVG Crowbar等需要手动点击/保存的工具.

我更喜欢使用Python,但此时我对任何工具/编程语言都很开放.

svg d3.js

17
推荐指数
1
解决办法
9356
查看次数

如何在服务器端使用D3js直接生成SVG?

我使用了以下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)

javascript charts svg node.js d3.js

4
推荐指数
2
解决办法
2843
查看次数

标签 统计

d3.js ×2

svg ×2

charts ×1

javascript ×1

node.js ×1