我正在使用带有phantomjs的highcharts-convert.js,导出图表时我遇到了一些文本重叠的问题。
我认为原因是OSX上的Chrome渲染字体与我的ubuntu服务器不同。因此,当客户端的浏览器构建SVG时,文本不会重叠(我确实通过捕获POST并在Chrome中呈现svg来确认这一点),但是当phantomjs渲染ubuntu上的文本时它略宽,因此存在重叠。
我相信如果我导出选项JSON而不是SVG,ubuntu会根据自己的字体渲染来布局文本,没有任何内容会重叠。
这有意义吗?如果是这样,我如何获得高级图表来发布选项JSON而不是SVG?
我有这个过程可以用来装备所有东西,但感觉应该有更好的方法......
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));