highchart本地化导出图片

本文详细介绍了如何修改Highcharts的export.js文件,将服务器URL更改为本地地址,并解决参数传递始终为null的问题。通过修改参数enctype为'multipart/form-data',确保了SVG图片能正确传递至服务器端。最后通过实例演示了问题解决过程及成功案例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

由于项目运行在内容,而且本身自带的功能是想highcharts  服务器写文件然后再下载的,所以 highchart本地化导出图片 就很需要。
第一步修改export.js 里的URl
在在 exporting.js 中放心的将 http://export.highcharts.com/改为我们自己的地址了 ,我这里改为了http://192.168.0.32:8080/highchart-export/export 这个地址:然后就可以在图表中显示我们自己的地址了,如下图所示:


第二步修改参数
在网上找了很多资料. 将服务端运行成功,可是发觉传参总是 null值,然后请教了大神们:
浪击天涯(809535219) 的解答是很有道理的

highchart.export.js的一个跟Tomcat或者说Java Web的一个兼容问题。Highchart组件里面提交的文本内容是svg图片,然后编写服务器的时候,在Servlet里面,取到 svg的xml,通过fop可以转为jpeg图片,

但是highchart.export.js里面,提交服务器用的form是mulipart/form类型,导致request.getParemeter获取不了svg的xml字符串,因此无法输出jpeg格式的图片。

所以知道原因了,那就修改下参数 
修改export.js文件内容
enctype:"multipart/form-data"
替换
enctype:"application/x-www-form-urlencoded"




再进行测试成功。


ps:
1.  附上我使用成功的expott的 servlet 工程
2. 资源网站: http://bbs.hcharts.cn/forum-40-1.html
  论坛上,也有解答。
静下心来慢慢找资料,还是有的。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值