2017-06-23 3 views
0

Hier ist sehr einfach,Wie SVG zu erzeugen, mit Grübchen meiner Frage in Node.js

Ich brauche SVG erzeugen mit Grübchen in Node.js.

Und ich habe dieses Knotenmodul npm install dimple-js installiert, aber es gibt keine ordnungsgemäße Dokumentation dafür?

Ich habe diesen Code unten versucht:

var jsdom = require("node-jsdom"); 
globals = {}; 
global.window = jsdom.jsdom().parentWindow; 
global.document = jsdom.jsdom('<!doctype html></html>'); 

var d3 = require('dimple-js/lib/d3.v3.4.8.js'); 
var dimple = require('dimple-js/dist/dimple.v2.1.6.js'); 

module.exports = function(router){ 

    router.get('/', function(req, res){ 
     var svg = dimple.newSvg('body', 800, 600); 
     var data = [ 
      { "Word":"Hello", "Awesomeness":2000 }, 
      { "Word":"World", "Awesomeness":3000 } 
     ]; 
     var myChart = new dimple.chart(svg, data); 
     myChart.addCategoryAxis("x", "Word"); 
     myChart.addMeasureAxis("y", "Awesomeness"); 
     myChart.addSeries(null, dimple.plot.bar); 
     myChart.draw(); 
     res.json({success: true, svg: svg}); 
    }); 
} 

aber enter image description here

So unten Störung erhalte ist das möglich SVG mit Grübchen in Server-Seite zu generieren?

Antwort

0

Dimple (oder tatsächlich, d3) kann das DOM nicht finden. Verwenden Sie dieses Muster, wie am unteren Rand des this Seite:

var svg = d3.select(global.document.body) 
    .append("svg") 
     .attr("width", 800) 
     .attr("height", 600);