ymyang 繪圖 實例代碼
更新時間：2009年04月01日 00:54:06 作者：
非常不錯的ymyang 繪圖效果代碼。
引用方法:
復(fù)制代碼 代碼如下:
new gov.Graphic(par1,par2,par3);
par1 為繪圖數(shù)據(jù)
復(fù)制代碼 代碼如下:
var data=new period([0,10,22,13,34,25,28,26,30,35,28,34,39,28,26,50,35,28,34,39,55],//y軸數(shù)據(jù)[188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208]//x軸數(shù)據(jù)
);
par2 為繪圖的容器層id
par3 為繪圖樣式參數(shù)，可選參數(shù)
默認值：
復(fù)制代碼 代碼如下:
{
height:170, //繪圖區(qū)域高度
maxHeight:50, //y軸最高數(shù)值
barDistance:26, //x軸坐標間距
topDistance:0, //上部填充
bottomDistance:0, //底部填充
leftDistance:20, //左部填充
pointWidth:5, //坐標點寬度
pointHeight:5, //坐標點高度
pointColor:"#ff0000", //坐標點顏色
lineColor:"#ffd43a", //連接線顏色
valueWidth:20, //y軸數(shù)值寬度
valueColor:"#000", //y軸數(shù)值顏色
timeWidth:20, //x軸數(shù)值寬度
timeColor:"#000", //x軸數(shù)值顏色
disvalue:true, //是否顯示y軸數(shù)值
distime:true //是否顯示x軸數(shù)值
}
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
這篇文章主要為大家詳細介紹了超簡單的微信小程序輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
在微信小程序中利用canvas?API繪制圖形后,可通過CanvasContext.draw方法將圖形渲染到畫布,并使用wx.canvasToTempFilePath將畫布導(dǎo)出為圖片,再通過wx.saveImageToPhotosAlbum方法保存到手機相冊,,需要的朋友可以參考下2024-09-09
Event Loop，簡單翻譯就是?事件循環(huán)，是 JS 語言下實現(xiàn)運行時的一個機制，這篇文章主要介紹了JS?中的?Event?Loop?的基本知識,需要的朋友可以參考下2022-06-06
今天小編就為大家分享一篇layui table設(shè)置某一行的字體顏色方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
今天學(xué)習(xí)的是window對象，還是有點用的。2010-01-01
這篇文章主要介紹了javascript多物體運動實現(xiàn)方法,結(jié)合實例形式分析了JavaScript多物體運動的相關(guān)注意事項與具體實現(xiàn)代碼,包含四個div塊的橫向、豎向移動,顏色與邊框漸變效果,需要的朋友可以參考下2016-01-01
通過 JS 獲取頁面相關(guān)的尺寸是比較常見的操作,尤其是在動態(tài)計算頁面布局時,今天我們就來學(xué)習(xí)一下幾個獲取頁面尺寸的基本方法,需要的朋友可以參考下2023-09-09
本文主要介紹了使用JavaScript處理下劃線,特別是在雙引號內(nèi)的下劃線不作為分隔符的情況,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-01-01
這篇文章主要為大家詳細介紹了js+css3實現(xiàn)炫酷時鐘，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
微信小程序methods中定義的方法互相調(diào)用的實例代碼
這篇文章主要介紹了微信小程序methods中定義的方法互相調(diào)用的實例代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-08-08