記憶盒子

把記憶裝進灰色的盒子,封裝起來,那年那月,重新拾起。

首頁搜索目錄
search
當前主題: 軟件編程

解決JSChart畫圖不支持中文的問題

作者:Kaka    時間:2009-11-5 19:54:6    瀏覽:    評論:5

      JSChart相關(guān)對JSChart未定義錯誤的解決方法

      利用JSChart組件畫圖,由于編碼的問題,JSChart并不支持中文,所以,我們看到圖上的文字只能是英文,只要體現(xiàn)在X軸、Y軸、標題的顯示上面,但是這明顯不能滿足我們中國人的使用需求,所以,必須要通過其他方法來讓JSChart畫出顯示中文的圖來。

      今天我發(fā)現(xiàn)一個插件,可以讓JSChart支持中文了。非常的驚喜。

      看下截圖,呵呵~~

(圖1) 柱狀圖

(圖2) 餅狀圖

(圖3) 折線圖

 

      點擊這里下載插件 

      插件用法有兩種:
      1 、直接用jscharts_mb.js代替jscharts.js;(已經(jīng)附加到原代碼尾部的版本)
      2、 加載jscharts.js之后再加載jscharts.plugin.mb.js;(獨立包含文件的版本)

      以上兩步任選其一,頁面必須編碼為UTF-8,若使用帶有中文的xml數(shù)據(jù),則xml數(shù)據(jù)源的編碼也要轉(zhuǎn)為UTF-8并且加入encoding="UTF-8"標簽;之后如果要讓JSCharts支持中文字符顯示,則在生成一個JSChart實例之后緊跟著執(zhí)行一個函數(shù)patchMbString(),如:

      var myChart = new JSChart('graph', 'pie');
      myChart.patchMbString();
      // 接下來的代碼和以前一樣
      如果不執(zhí)行patchMbString則和原來的沒有區(qū)別。

      此外還加入一個新方法 setFontFamily 用于自定義顯示圖表的字體,如:

       myChart.setFontFamily("微軟雅黑"); // 設(shè)置顯示字體為微軟雅黑

      另外JSChart默認的字體大小只有8px,如果要較清晰地顯示中文的話還得加大字號,這個用自帶的接口就可以了,如:

       myChart.setAxisValuesFontSize(9); // 設(shè)置柱狀圖和線條圖的標尺字體大小為9px
       myChart.setPieUnitsFontSize(10); // 設(shè)置餅圖的項目標識字體大小為10px

x

標簽: JavaScript  

※ 網(wǎng)站速度慢?試試網(wǎng)站自動優(yōu)化工具 ※

上一篇: Java怎樣生成隨機字符串
下一篇: Adsense被人惡意點擊怎么辦
  • 5.k***
  • http://hi.baidu.com/ufrboecsswarwyr/item/cc645297c602cc8b591461f2 希望大家看看
  • 2013/5/24 22:38:57 回復該留言
  • 4.重*******
  • 或者說是請留下你的QQ,我聯(lián)系你 !
    liwen 于 2010-12-7 13:00:50 回復
    你好!我對這個也沒什么研究的了,當時用到,就稍微去查了下資料?,F(xiàn)在很久沒用這個了,所以我也幫不了什么忙的了。非常抱歉!
  • 2010/12/7 12:19:11 回復該留言
  • 3.重*******
  • 有一個重要的問題需要作者能夠關(guān)注,那就是重寫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 回復該留言

發(fā)表評論:

◎歡迎參與討論,請在這里發(fā)表您的看法、交流您的觀點。

訂閱博客                   QQ交流群(312716741)

  • 通過Google訂閱本站 通過鮮果訂閱本站 通過抓蝦訂閱本站
  • 通過QQ郵箱訂閱本站 通過Yahoo訂閱本站 通過有道訂閱本站

Search

最新評論及回復

最近留言

網(wǎng)站分類

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

Copyright @2009-2024 All Rights Reserved. 粵ICP備14028160號-1

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