Highchartsは、ディスプレイのWebチャートのために使用していますが、レポートのタイミングに直面したとき、彼らは次のここで考慮できるようにする必要があるとして、一貫性のあるメッセージやWebページは、学生を描く、チャートスタイルをグラフ確保するために、この問題にメールを送りました。
JPG画像を生成する方法1.
昔、公式にはお勧めのImageMagickがSVGをJPGに変換されます。SVGを取得する方法を考えてみて、多数の文書はnodejs + jsdom JSONデータからSVGを生成推奨。実際の使用では、ImageMagickのと複雑なデータを扱うjsdom側面は非常に弱いです、それほど複雑チャートイーストウエスト醜い死ではなく、ライン上で失われた。グーグルに長い時間のためのもつれ、最終的にはこのアーティファクトPhantomJSを発見しました。
テストに限りを行い、必ずしもPhantomJSにこのアーティファクトを知りません。簡単に言えば、など、ほとんどPhantomJSはあなたがいないGUIサーバの使用にすることができ、ブラウザUIを表示していません。そして、コアはwebkitのある、簡単にHighchartsをサポートするすべてのJSライブラリを。この記事ではで、PhantomJSは非常に適切なこの問題を解決するために使用される。ちょうどデータPhantomJSを渡す方法を見つけ、リスト上の数字をカットするためにいくつかの簡単なコードを。
2.データ転送
次の質問は。PhantomJS最良のデータの相互作用JS形式のサーバー側（通常のJavaやPython、PHP）のサポートのコマンドラインは、JSONです。JSONデータPhantomJSにどのデータであるが、大規模な、直接使用モードを転送しないと、コマンドラインを選択できます。
- その標準入力を使用してフォークの子プロセスは、それを吐き出します
- JSONは、一時ファイルを生成し、コマンドラインでは、ファイルのアドレスを指定します
- 別のモジュールを開くには、サービスを利用してウェブサーバをPhantomJS、そのPOST
3つの方法が具体的なニーズを見ることができる。第二は比較的簡単ですが、それは常に中間ファイルを生成することで、好きではない....
チャートはパーソナライズされたスタイルを必要とするために。あなたができるスクリプトを記述するもう一つの問題は、基本的なデータを提供するために、JSONの使用が可能ですが、（例えばフォーマッタなど）転送制御の表示スタイルのコールバック関数は、あまりにも面倒です。すべてのチャートスタイルの制服場合は、より良い、請求、PhantomJSで死亡しました場合、溶液は、現在のコールバックはJSONを通過するとき、追加の設定を指定読み取られるJSファイル決定し、各ファイルをJS書き込まれ、その後、一緒に統一されていると考えられます。
解決これらの2つの問題は、それがサーバーから直接画像を生成することができます。
追加：ちょうど公式のソリューションを見て、私はほとんど次のアドレスに思います：
http://www.highcharts.com/component/content/article/2-news/52-serverside-generated-charts
そして、記事の半分の後、データポイントの、あまりにも多くの場合、PhantomJSのパフォーマンス上の問題を指摘。
コールバックのjsファイルを指定するには、コマンドラインパラメータのわずかに異なる、公式の使用、およびコールバックはHighcharts強力なAPIによってスタイルを調整することである。代わりにマージするために同じ記事を行います。
ます。https：//www.cnblogs.com/c9com/archive/2013/02/22/2922786.htmlで再現