NodeJSを使用したサーバー側HighStockチャートの生成

Question

私はHighStockを使用してブラウザにグラフを生成しています。しかし、今私はそれらのいくつかをサーバーに保存したいと思います。だから私は、HighChartsをサーバーにエクスポートできることを知っていますが、可能であれば、他の方法を使用したいと思います。問題は、サーバーでHighStockを実行し、svgを何らかのイメージ形式に変換してそこに格納することです。

すばやくグーグルが私にthis pageを与えます。 HighChartsとNodeJSを組み合わせるのは正しい方法ですが、このソリューションは新しいバージョンのHighChartsでは動作しません。より正確には、jsdomモジュールを使用して（v0.2.10 - 最新）HighStock v1.0.2デベロッパーとNodeJSで（次のコードを見てください）：

Error: Invalid character: Invalid character in tag name: < 

どういうわけか

これら2：

var jsdom = require('jsdom'); 
var fs = require('fs'); 
var jQuery = fs.readFileSync('./js/jquery-1.7.min.js').toString(); 
var Highstock = fs.readFileSync('./js/highstock.js').toString(); 
jsdom.env({ 
    html: '<div id="container"></div>', 
    src: [ jQuery, Highstock ], 
    done: function(errors, window) { 
     if (errors) return console.log(errors); 
     var Highcharts = window.Highcharts; 
     var chart = new Highcharts.Chart(options); 
    } 
}); 

は、例外がスローされますライブラリは一緒に機能していないようです。だからこれは古いバージョンのHighStockで動作するかもしれませんが、実際にはHighStock v1.0.2が必要です。

この問題の解決方法はありますか？いくつかのより良い図書館jsdom？またはいくつかの奇妙な、まだ動作中のトリックですか？任意のアイデアが評価されます:)レコーダへ

// EDIT

おかげで私はそれが働いて得ることができました。主なものは、オプションに（例外を防ぐ）forExportフラグを追加することでした。残念ながらこれはチャートを生成したが、所有者を更新しなかった。私はexportingモジュール（HighStockパッケージの一部）を追加した後に動作させることができました。完全に動作するコードは次のようになります。

var jsdom = require('jsdom'); 
var fs = require('fs'); 
var jQuery = fs.readFileSync('./js/jquery-1.7.min.js').toString(); 
var Highstock = fs.readFileSync('./js/highstock.src.js').toString(); 
var Exporting = fs.readFileSync('./js/exporting.src.js').toString(); 

jsdom.env({ 
    html: '<div id="container"></div>', 
    src: [ jQuery, Highstock, Exporting ], 
    done: function(errors, window) { 
     if (errors) return console.log(errors); 
     var Highcharts = window.Highcharts; 
     var chart = new Highcharts.Chart({ 
       chart: { 
       renderTo: 'container', 
       animation: false, 
       forExport: true  
       }, 
       exporting: { enabled: false }, 
       xAxis: { 
       categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
       }, 
       series: [{ 
       animation: false, 
       name: 'Tokyo', 
       data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] 
       }, { 
       animation: false,  
       name: 'New York', 
       data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5] 
       }, { 
       animation: false,  
       name: 'Berlin', 
       data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0] 
       }, { 
       animation: false,  
       name: 'London', 
       data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] 
       }] 
     }); 

     var svg = chart.getSVG(); 

     fs.writeFile("./test.svg", svg, function(err) { 
      if(err) { 
       console.log(err); 
      } else { 
       console.log("The file was saved!"); 
      }    
     }); 
    } 
}); 

チャートは、（たとえばラベルがひどく置かれ）それがあるべきほど良くはありませんが、多分それはチューニングオプションの問題です。少なくともそれは動作します！

Answer 1

オプションで"forExport"フラグを上昇させることによって固定することができるオブジェクト：

options.chart.forExport = true; 

Answer 2

例を再作成しようとしましたが、jsdomをロードしたjQueryとHighchartsを取得しました。 HighchartsはHTMLフラグメントとcreateElementを呼び出そうとしたように見えます：

createElement('<div filled="f" stroked="f" style="position: absolute;left:0;top:0;width:10px;height:10px;"/>') 

これは魚に見えます。私はそれがブラウザでどのように動作するのか分かりません - 私はcreateElementと私のブラウザ（Chromium）で呼ぶことはできません。

Answer 3

Generating HTML Canvas image data server-side? に記載されているように、私は（例はjQplotからのものであるが、作品、良い仕事をしたphantomJsとのNode.jsを置き換えハイチャートの場合も同様です。）