解决JSChart画图不支持中文的问题

作者:Kaka 时间:2009-11-5 19:54:6 浏览: 评论:5

利用JSChart组件画图，由于编码的问题，JSChart并不支持中文，所以，我们看到图上的文字只能是英文，只要体现在X轴、Y轴、标题的显示上面，但是这明显不能满足我们中国人的使用需求，所以，必须要通过其他方法来让JSChart画出显示中文的图来。

今天我发现一个插件，可以让JSChart支持中文了。非常的惊喜。

看下截图，呵呵~~

(图1) 柱状图

(图2) 饼状图

(图3) 折线图

点击这里下载插件

      插件用法有两种：
      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