关于highcharts的中文导出问题

之前做的一个项目中为了展示数据使用到了highcharts,默认使用的是highcharts自己的导出服务,后来客户说那边的服务端不可访问外网,没办法只好自己实现报表导出的服务了,导出服务的代码就不贴了,网上一搜大把大把的。下面主要说说遇到的一个问题:导出时中文乱码的问题!

乱码的情况 如图:

报表的中文title全部变成了方框。最开始以为是前后编码不一致导致的,前前后后检查了一遍发现都是utf-8的编码方式,说明编码没问题。后来将前段发送的svg数据直接拷到导出服务里写死,打成war包放到本地(windows系统)的tomcat下,直接调用接口,发现导出的图片正常。再将war包放到服务器上(Linux系统),调用接口,导出的就是上面的图片,这样来看就是两边的服务器有差别了。最终发现是中文支持的问题。找了个中文字体放到/usr/share/fonts/目录,
重启服务,调用导出的接口

图片正常。

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-11-05 16:34:13

关于highcharts的中文导出问题的相关文章

Highcharts使用phantomjs导出图片

Highcharts使用phantomjs导出图片 ?Highcharts使用phantomjs导出图片 描述 在用Highcharts这个强大的图标组件时,你一定在某些时刻想把画出来的图标导出为一个图片并下载到本地.Highcharts本身提供了导出功能,只需要导入exporting.js文件,就可以在图表右上角找到导出按钮了.这已经基本满足的大多数情况我们的需求.但是这原始到导出是发送请求到Highcharts的服务器上进行转化的,很多时候我们并不想把我们的数据信息暴露给他们,所以我们必须在

基于one2team框架的Highcharts图表图片导出方案

这篇文章已经没有什么意义了,新版的HIghcharts提供Java图片导出解决方案,你需要做的就是下个Maven,bulid一个war就Ok了.---addedy on 2012-11-15 多说一句废话:我觉得这个功能其实对于大多数应用场景来说是多余的. Highcharts是一个纯JSWeb图表绘制解决方案,它的功能之丰富,使用之简单可能是目前开源领域排名比较考前的优秀解决方案,它对个人使用是免费的. 它的默认版本也有图片导出功能,不过导出服务器是Highcharts官方服务器,我开发的过程

Highcharts 二种导出方式

HightCharts 导出资源放在 http://export.highcharts.com/ 这个服务器上面,如果想控制导出的内容还是比较麻烦的. 有的时候希望把多张图片打包成一个PDF,或者说在PDF追加点文字. 2种方法介绍 1.webconfig 追加 httpHandlers.每次提交前走HighchartsExport.axd这里过一把.源代码下载. <system.web> <httpHandlers> <add verb="POST" p

HighCharts/Highstock使用小结,使用汉化及中文帮助文档

此文档是本人在开发过程图形报表时使用HighCharts所遇到的问题及解决方案 .最后附上有HighCharts中文帮助文档 HighCharts  版本:Highcharts-3.0.1 HighStock   版本:Highstock-1.3.1 下载地址:http://www.highcharts.com/ xAxis x轴的样式 xAxis: { categories: ['Apples', 'Bananas', 'Oranges']], //X轴数据data abels: {//X轴坐

highcharts 导出图片 .net Demo

highcharts 的Net导出服务  GitHub上整理的https://github.com/imclem/Highcharts-export-module-asp.net 引用两个程序集 sharpPDF.dll,Svg.dll (实际上就是将svg转化成其他格式的图片) 两种导出情况:   1.只需要图片,修改自带导出按钮的请求路径路径就行2.需要插入到word等二次处理再导出时 页面: @{ ViewBag.Title = "Index"; } @section css{

【HighCharts系列教程】七、导出属性——exporting

一.exporting属性说明 默认情况下,HighCharts支持将图表导出为图片或打印功能的.也就是在图表的右上角有两个按钮.打击即可进行相应的操作. 实现导出和打印功能需要引入相应的js文件,也就是exporting.js(该文件存在于highCharts压缩包的/js/modules目录下). 一般情况下,我们基本用不上该功能(不引入exporting.js即可去掉该功能),即使是使用该功能,也不用配置,默认的配置就可以. 二.exporting属性详解 参数 说明 默认值 button

Redmine 甘特图导出 PDF 和 PNG 中文乱码问题

Redmine使用了RMagick来处理图片,fpdf处理PDF,并在调用时设定了字体PDF中文字体 redmine 中关于PDF字体设置的代码 case pdf_encoding          when 'UTF-8'             @font_for_content = 'FreeSans'             @font_for_footer = 'FreeSans'           when 'CP949'             extend(PDF_Korean

Highcharts图表插件的简单使用说明

Highcharts图表控件是目前使用最为广泛的图表控件.本文将从零开始逐步为你介绍Highcharts图表控件.通过本文,你将学会如何配置Highcharts以及动态生成Highchart图表. Highcharts是一个非常流行,界面美观的纯Javascript图表库.它主要包括两个部分:Highcharts和Highstock.  Highcharts可以为您的网站或Web应用程序提供直观,互动式的图表.目前支持线,样条,面积,areaspline,柱形图,条形图,饼图和散点图类型.  H

HighCharts实现多数据折线图分列显示

HighCharts实现多数据折线图分列显示 BY ZYZ HighCharts是一个非常好用的web端画图插件,用起来非常方便,它的官方支持非常好,而且有中文API(不完全),画出来的图像也挺漂亮的.最近需要用HighCHarts绘制多数据展示对比的折线图,要求的效果类似下图. 这个图的特点是Y轴从大到小显示,多个X轴对应多个不同的折线,且每个X轴的刻度不同,每条折线的颜色也不同,且折线不交叉. 在官方的在线演示里找了许久,并没有发现可以实现这样效果的例子,虽然有多轴多折线显示的例子,但是折线