導航:首頁 > 編程語言 > ichartjs

ichartjs

發布時間:2023-03-05 12:10:56

❶ 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 地址:http://www.ichartjs.com/docs/zh/
官方例子:http://www.ichartjs.com/samples/index.html?page=line2d_06.html&pageno=4

閱讀全文

與ichartjs相關的資料

熱點內容
db2查看資料庫字元集 瀏覽:449
小米私密文件移出後找不到 瀏覽:775
紅底白色的心是什麼app的標志 瀏覽:163
小冤家APP角色怎麼變回家長 瀏覽:822
夢幻西遊合寵模擬器網站是什麼 瀏覽:420
諾基亞930最新版本 瀏覽:201
ps製作主kv文件過大 瀏覽:884
車端面如何編程 瀏覽:279
win10u盤備份時間長 瀏覽:617
文件夾怎麼轉換為pdf 瀏覽:502
2008打開登錄密碼忘記了 瀏覽:771
蘋果7如何授權應用程序 瀏覽:899
怎樣把舊的文檔保存到桌面文件夾 瀏覽:827
wps雲數據如何恢復 瀏覽:496
微信發送過來文件 瀏覽:300
怎麼改合同網站 瀏覽:73
網路鬥地主記牌器怎麼實現的 瀏覽:377
ps鏡像文件製作教程 瀏覽:45
系統分頁文件大小設置多少 瀏覽:447
win10有線無法上網 瀏覽:339

友情鏈接