0

私は、phantomjs で highcharts-convert.js を使用しています。チャートをエクスポートするときに、テキストが重複する問題が発生しています。

その理由は、OSX 上の Chrome が私の ubuntu サーバーとは異なる方法でフォントをレンダリングするためだと思います。そのため、クライアントのブラウザーが SVG をビルドするとき、テキストはオーバーラップしません (POST をキャプチャして Chrome で svg をレンダリングすることでこれを実際に確認しました)。

オプションの JSON を SVG ではなくエクスポートすると、ubuntu は独自のフォント レンダリングに従ってテキストをレイアウトし、何も重複しないと思います。

それは理にかなっていますか?もしそうなら、SVGではなくJSONオプションをPOSTするハイチャートを取得するにはどうすればよいですか?

すべてを装備するために使用できるこのプロセスがありますが、もっと良い方法があるはずだと感じています...

var chart = graphContainer.find(".graph-body div").highcharts();
var chartOptions = chart.options;
delete chartOptions.chart["renderTo"];   // this creates a circular reference

// provide extra options to override the chart's defaults here...
$.extend(chartOptions.chart, {backgroundColor: "#FFFFFF", spacingLeft: 30, spacingRight: 30});

// wrap this up and POST it to the server...
console.log(JSON.stringify(chartOptions));
4

0 に答える 0