记忆盒子

把记忆装进灰色的盒子,封装起来,那年那月,重新拾起。

首页搜索目录
search
当前主题: 软件编程

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

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

      JSChart相关对JSChart未定义错误的解决方法

      利用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

标签: JavaScript  

加入本站QQ群(312716741),交流分享网站建设、优化、SEO技术。。。

 

上一篇: Java怎样生成随机字符串
下一篇: Adsense被人恶意点击怎么办
  • 5.k***
  • http://hi.baidu.com/ufrboecsswarwyr/item/cc645297c602cc8b591461f2 希望大家看看
  • 2013-5-24 22:38:57 回复该留言
  • 4.重*******
  • 或者说是请留下你的QQ,我联系你 !
    liwen 于 2010-12-7 13:00:50 回复
    你好!我对这个也没什么研究的了,当时用到,就稍微去查了下资料。现在很久没用这个了,所以我也帮不了什么忙的了。非常抱歉!
  • 2010-12-7 12:19:11 回复该留言
  • 3.重*******
  • 有一个重要的问题需要作者能够关注,那就是重写jschart所存在的问题,或者说坏死不合理之处。迫切期待详谈。
    QQ:457593060
    重写后存在的弊端 于 2010-12-7 11:44:20 回复
    很急切
    重写后存在的弊端 于 2010-12-7 12:18:44 回复
    很急、很迫切
  • 2010-12-7 11:43:57 回复该留言
  • 2.秦**
  • 火狐浏览器下还是不行啊
    Liwen 于 2010-4-12 15:49:00 回复
    JSChart画图不支持firefox,我也感到郁闷。
  • 2010-4-12 14:12:33 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客                   QQ交流群(312716741)

  • 通过Google订阅本站 通过鲜果订阅本站 通过抓虾订阅本站
  • 通过QQ邮箱订阅本站 通过Yahoo订阅本站 通过有道订阅本站

Search

最新评论及回复

最近留言

网站分类

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009 All Rights Reserved. 粤ICP备09073737号

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009 All Rights Reserved.