2017-06-23 1 views
0

は、ここに私の質問は非常にシンプルなNode.jsの

をディンプルを使用してSVGを生成するためにはどうすればNode.js.にディンプルを使用してSVGを生成する必要があります

そして、このノードモジュールnpm install dimple-jsをインストールしましたが、これに関する適切な文書はありませんか?

私はコードの下に、これを試してみました:

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}); 
    }); 
} 

が、エラーenter image description here

の下に取得していますだから可能性はサーバ側でディンプルを使用してSVGを生成するということでしょうか?

答えて

0

ディンプル(または実際にはd3)ではDOMを見つけることができません。このパターンは、thisページの下にあるように使用してください。

var svg = d3.select(global.document.body) 
    .append("svg") 
     .attr("width", 800) 
     .attr("height", 600); 
関連する問題