给JSCharts加入中文字符支持~
2009-10-16 10条评论
正常情况下这个东西不支持中文字符显示,
原因在于JSCharts输出的字符都是它“画”出来的,
把代码反编译一下就能发现它最底部附带了数字、英文和常规字符的绘制数据,
显而易见,中文是不可能加进去的。
这里给出一种使其支持中文字符显示的方法,
原理是修改JSCharts内部的字符处理函数不让它画字符,
而是直接输出一个常规的Canvas/VML文本对象,
至于具体怎么实现就不赘述了,
有兴趣可以看一下我附加上去的代码,没有混淆也没有压缩过。
代码是以插件形式发布的,没有改动JSCharts本身的任何代码,
可以把这个插件放到jscharts.js尾部,也可以放到独立的文件里再包含一下。
下载在这里 – 已加入插件。
下面是截图:
用法有两种:
1 直接用jscharts_mb.js代替jscharts.js;(已经附加到原代码尾部的版本)
2 加载jscharts.js之后再加载jscharts.plugin.mb.js;(独立包含文件的版本)
以上两步任选其一,页面必须编码为UTF-8,
若使用带有中文的xml数据,则xml数据源的编码也要转为UTF-8并且加入encoding=”UTF-8″标签;
之后如果要让JSCharts支持中文字符显示,则在生成一个JSChart实例之后紧跟着执行一个函数patchMbString(),如:
var myChart = new JSChart(‘graph’, ‘pie’);
myChart.patchMbString();
// 接下来的代码和以前一样
如果不执行patchMbString则和原来的没有区别,
此外还加入一个新方法 setFontFamily 用于自定义显示图表的字体,如:
myChart.setFontFamily(“微软雅黑”); // 设置显示字体为微软雅黑
另外JSChart默认的字体大小只有8px,如果要较清晰地显示中文的话还得加大字号,
这个用自带的接口就可以了,如:
myChart.setAxisValuesFontSize(9); // 设置柱状图和线条图的标尺字体大小为9px
myChart.setPieUnitsFontSize(10); // 设置饼图的项目标识字体大小为10px
具体可以看JScharts.pdf,有空我翻译一个出来。
参考链接:
1 在canvas中绘制文本 – http://www.javaeye.com/topic/390235
you are great that make me to sign in to leave this message
thanks
这文件下载不能打开..
下载不能用..能发到我邮箱吗??谢谢..qiaozirue@gmail.com
已发,目前正在考虑放到google code上去
tarzan_zheng@hotmail.com,帮我也发一个,谢谢,博主太伟大了!可以转载你的文章到我的livespace么?
已经下载下来了,右键,目标另存为,就可以下载。不过2.05那个版本好像链接有问题,下不下来。博主是好人啊!
你好恩,下载不下来恩,好人发一份到 bjqincy@126.com
share wit me?
非常感谢!解决了大问题!