❶ 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