如何让Highcharts放大图像内容,而不是添加更多细节?

如何让Highcharts放大图像内容,而不是添加更多细节?,highcharts,itext,Highcharts,Itext,我试图在服务器端生成PDF文档,其中包含HighCharts生成的数据表和图表。我正在使用和 我已经能够生成文档,但图表图像在打印时呈颗粒状。据我所知,iText在插入图像时默认使用72dpi。获得高保真度图像的正确方法是从较大的图像开始,然后使用以下缩放函数之一将其缩小,如 通过将较大的高度和宽度参数传递给Highcharts,我可以轻松生成较大的图表图像。问题是,当您增加图表的尺寸时,内容无法放大,例如标签的字体大小。事实上,在某些地方你会得到更多的细节,比如更多的轴刻度。这是一个问题的原因

我试图在服务器端生成PDF文档,其中包含HighCharts生成的数据表和图表。我正在使用和

我已经能够生成文档,但图表图像在打印时呈颗粒状。据我所知,iText在插入图像时默认使用72dpi。获得高保真度图像的正确方法是从较大的图像开始,然后使用以下缩放函数之一将其缩小,如

通过将较大的高度和宽度参数传递给Highcharts,我可以轻松生成较大的图表图像。问题是,当您增加图表的尺寸时,内容无法放大,例如标签的字体大小。事实上,在某些地方你会得到更多的细节,比如更多的轴刻度。这是一个问题的原因是,当您通过iText应用缩放时,这些项目变得非常小且难以读取

我已经看过了,没有办法让Highcharts放大内容,而不是添加更多细节。我怎样才能让它工作


如果我使用的方法完全错误,那么更广泛的问题是如何获得打印分辨率服务器端Highcharts?我必须使用iText,但我愿意尝试其他技术来进行图表渲染。

您可以使用属性指定导出图像的宽度

这不会增加div的大小或添加/删除细节或类似的内容,它只会根据指定的宽度缩放生成的svg,并保持纵横比。因此,还可以扩展所有内容,包括文本等

exporting: {      
    width:2000    // or scale down to 100
}    

您可以使用属性指定导出图像的宽度

这不会增加div的大小或添加/删除细节或类似的内容,它只会根据指定的宽度缩放生成的svg,并保持纵横比。因此,还可以扩展所有内容,包括文本等

exporting: {      
    width:2000    // or scale down to 100
}    
试试这个

exporting: {
    sourceWidth: 1000,
    sourceHeight: 400,
},
试试这个

exporting: {
    sourceWidth: 1000,
    sourceHeight: 400,
},

Highcharts导出的图表的格式是什么?有没有办法获得由矢量图像而不是光栅图像组成的输出?这将解决您的低分辨率问题。highchart-serverside-export仅输出jpeg/png/tiff。Highcharts本身会生成SVG输出,但是这个工具不能让我访问生成的SVG。我想这会对您有所帮助。尝试设置exportin.scale和exportin.sourceWidth/height以获得正确的图像宽度。Highcharts导出的图表的格式是什么?有没有办法获得由矢量图像而不是光栅图像组成的输出?这将解决您的低分辨率问题。highchart-serverside-export仅输出jpeg/png/tiff。Highcharts本身会生成SVG输出,但是这个工具不能让我访问生成的SVG。我想这会对您有所帮助。尝试设置exportin.scale和exportin.sourceWidth/height以获得适当的图像宽度。这看起来很有希望。API文档并没有明确说明此设置的影响。我在JSFIDLE中玩过它,它看起来就像我想要的。是的,即使我花了好几个小时学习SVG,试图创建一个自定义的实现来放大highchart生成的SVG,同时试图解决您相当有趣的问题。最终,我无意中发现:@Burhanaliu不幸的是,这不起作用。highcharts服务器导出完全忽略了导出部分。我想它没用。据我所知,导出模块纯粹是一个客户端加上一个用于渲染的web服务。highcharts server export不使用它有点道理,因为它不是客户端,外部渲染是多余的。@BurhanAli我用2000px宽的png尝试过它,我在单击export时也得到了同样的效果。这看起来很有希望。API文档并没有明确说明此设置的影响。我在JSFIDLE中玩过它,它看起来就像我想要的。是的,即使我花了好几个小时学习SVG,试图创建一个自定义的实现来放大highchart生成的SVG,同时试图解决您相当有趣的问题。最终,我无意中发现:@Burhanaliu不幸的是,这不起作用。highcharts服务器导出完全忽略了导出部分。我想它没用。据我所知,导出模块纯粹是一个客户端加上一个用于渲染的web服务。highcharts服务器导出不使用它有点道理,因为它不是客户端的,外部渲染是多余的。@BurhanAli我用2000px宽的png尝试过它,我在单击导出时也得到了同样的效果