關於cichartjs的信息

本文目錄一覽：

• 1、如何使用ichartjs進行web開發
• 2、ichartjs怎麼改變橫坐標之間的距離
• 3、ichartjs 配置自定義坐標軸問題
• 4、ichartjs可不可以在ios上用
• 5、ichartjs到底是怎麼用的?

如何使用ichartjs進行web開發

如何使用ichartjs進行web開發

DrawCall優化合併，即DrawCall Batching. 通過減少Draw call數 和對顯卡性能的消耗來提高性能。

一 Mesh Renderer

分為Dynamic Batching和 Static Batching

Dynamic Batching

不需要任何操作，只要共享材質(即使是不同的Mesh模型也可以)，就會自動被合併。可以自由移動旋轉。但有以下使用要求：

(1) 模型文件共計點數不超過900。（重複使用同一個Mesh不計）

(2) 單個物體可以不超過300點，Shader可以有法線UV。

但如果Shader使用了 UV0 UV1兩套UV,或者Tangent切線的話，單個物體只能不超過180點

(3)遊戲對象使用相同模型和材質時，只有相同縮放(即xyz等比縮放,浮點尾數可以有細微差)的會被合併。

如

（1，1，1）與（1，1，1）

（2，2，2）與（2，2，2）

（0.5，0.5，0.5）與 （0.5，0.5，0.5）

（2,2,2）與（2,2，2.0001）

ichartjs怎麼改變橫坐標之間的距離

ichartjs怎麼改變橫坐標之間的距離，如下方法：

在iChart對象的coordinate是坐標系的配置項，而該配置項中的scale則是定義坐標系軸刻度的配置類，查看以下代碼：

coordinate:{////配置自定義坐標軸

width:640,

height:260,

striped_factor : 0.18,

grid_color:’#4e4e4e’,

axis:{

color:’#252525′,

width:[0,0,4,4]

},

scale:[{//配置自定義值軸

position:’left’, //配置左值軸，即縱軸

start_scale:0,

end_scale:100,

scale_space:10,

scale_size:2,//設置刻度間距

scale_enable : false,

label : {color:’#9d987a’,font : ‘微軟雅黑’,fontsize:11,fontweight:600},

scale_color:’#9f9f9f’

},{

position:’bottom’, //配置底值軸，即橫軸

scale_size:3,//設置刻度間距

label : {color:’#9d987a’,font : ‘微軟雅黑’,fontsize:11,fontweight:600},

scale_enable : false,

labels:labels//自定義的標籤文本。(默認為空數組) }]

}

查看以上的代碼可以看出scale_size是修改坐標之間的距離，而哪個軸是position標明，值為bottom則為橫軸。

備註：chartjs 是一款基於HTML5的圖形庫。使用純javascript語言, 利用HTML5的canvas標籤繪製各式圖形。 ichartjs致力於為WEB應用提供簡單、直觀、可交互的體驗級圖表組件。是WEB圖表展示方面的解決方案 。如果你正在開發HTML5的應用，ichartjs正好適合你。 ichartjs目前支持餅圖、折線圖、區域圖、柱形圖、條形圖、堆積圖、組合圖。ichartjs是基於Apache License 2.0協議的開源項目。目前的最新版本為2013-06-26發佈的v1.2。

ichartjs api 地址：

官方例子：;pageno=4

ichartjs 配置自定義坐標軸問題

可以對X軸部分的CSS樣式，做一下修改。

例如：display:none

或者opacity:0

ichartjs可不可以在ios上用

可以的，ichartjs利用HTML5 canvas完成圖形繪製工作，這樣它有能力在現代的主流瀏覽器中運用自如。 無論是PC上的，還是在Android/iOS上，ichartjs都能在不改動任何代碼的前提下提供統一的視圖。

ichartjs到底是怎麼用的?

ichartjs是一款基於HTML5的圖形圖表庫，使用純JavaScript語言, 利用HTML5的canvas標籤繪製各式圖形，致力於為應用提供簡單、直觀、可交互的體驗級圖表組件。ichartjs基於Apache License 2.0協議開源，目前支持餅圖、環形圖、折線圖、面積圖、柱形圖、條形圖