echarts.js根后臺數(shù)據(jù)動態(tài)更新數(shù)據(jù)顯示:

創(chuàng)新互聯(lián)公司專注于張灣網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供張灣營銷型網(wǎng)站建設(shè),張灣網(wǎng)站制作、張灣網(wǎng)頁設(shè)計(jì)、張灣網(wǎng)站官網(wǎng)定制、微信小程序服務(wù),打造張灣網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供張灣網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
function initDefaultChart(ec){
echarts = ec;
var list_devData = ${pointDataMassage};
/* console.info(list_devData); */
var str = "";
for (var one in list_devData){
/* console.info("one",list_devData[one]); */
var id_data =list_devData[one].dataId;
var data_unit = list_devData[one].dataUnit;
var dataSort = list_devData[one].dataSort;
/* console.info("id",id_data); */
if(document.getElementById("attr_"+id_data)!=undefined){/* !exp typeof(exp)!="undefined" exp!=0 */
var myChart = ec.init(document.getElementById("attr_"+id_data));
var option = {
tooltip : {
formatter: "{b} br/{c}{a}"
},
toolbox: {
show : false,
feature : {
mark : {show: true},
restore : {show: true},
saveAsImage : {show: true}
}
}
設(shè)置用戶信息的提供者,供 RongIM 調(diào)用獲取用戶名稱和頭像信息。
param userInfoProvider 用戶信息提供者。
param isCacheUserInfo 設(shè)置是否由 IMKit 來緩存用戶信息。
如果 App 提供的 UserInfoProvider
每次都需要通過網(wǎng)絡(luò)請求用戶數(shù)據(jù),而不是將用戶數(shù)據(jù)緩存到本地內(nèi)存,會影響用戶信息的加載速度;
此時(shí)最好將本參數(shù)設(shè)置為 true,由 IMKit 將用戶信息緩存到本地內(nèi)存中。
這個(gè)對javascript來說有點(diǎn)勉為其難了。不過你可以在服務(wù)器端用圖像處理組件(比如ASPJpeg)來做這樣的事。以下是把任意大小的圖片處理成120*160的例子(ASP):
%
Set Jpeg = Server.CreateObject("Persits.Jpeg")
Jpeg.Open Server.MapPath("原圖片的路徑及文件名")
Jpeg.Quality = 80 '圖片壓縮后的顯示質(zhì)量
Jpeg.Width = 120 '壓縮后的圖片寬度
Jpeg.Height = 160 '壓縮后的圖片高度
set fso=server.createobject("scripting.filesystemobject")
Jpeg.Save Server.MapPath("處理后的圖片路徑及文件名")
Jpeg.Close
Set Jpeg = Nothing
%
通過這個(gè)你就可以對用戶上傳的圖片進(jìn)行尺寸調(diào)整,具體多大的尺寸可以使圖片的字節(jié)數(shù)控制在65K內(nèi)就你自己去試了。
PS:目前大部分的WEB服務(wù)器都支持ASPJpeg組件的。
在之前的筆記中,講了如何實(shí)現(xiàn)圓形頭像,這里接著上一次的筆記,講一下怎么修改頭像(通過圖庫和拍照方式)。
重點(diǎn):
流程:?一般在APP中,修改頭像是最基本的功能之一了。一般是兩種方式的修改:從相冊選擇圖片或者拍照。那么這里就來講一下如何具體實(shí)現(xiàn)這個(gè)功能。
Step1:點(diǎn)擊頭像 -手勢(UITapGestureRecognizer)
首先,點(diǎn)擊頭像。因?yàn)轭^像是直接放在ImageView中的,默認(rèn)情況下當(dāng)我們點(diǎn)擊頭像的時(shí)候,頭像是不會有任何反應(yīng)的。因此,我們需要給頭像的ImageView添加一個(gè)點(diǎn)擊事件,方法如下:
Step2:彈出選擇提示-提示框(UIAlertController)
通過添加UITapGestureRecognizer(手勢),系統(tǒng)就知道了我點(diǎn)擊了頭像,接著,就可以添加具體的方法來進(jìn)行操作了。在上一步,我為這個(gè)手勢的action,selector(選擇)了一個(gè)方法來執(zhí)行,即alterHeadPortrait:(注意有冒號的),也就是當(dāng)我們點(diǎn)擊了頭像之后,會執(zhí)行alterHeadPortrait:這個(gè)方法:
通過UIAlertController(提示框)這個(gè)類,我們創(chuàng)建好了一個(gè)提示框,如下:
現(xiàn)在,當(dāng)我們點(diǎn)擊取消(或者點(diǎn)擊按鈕以外的區(qū)域)提示框就會被自動取消掉,并將提示框收起來。
Step3:從相冊選擇或者拍照選擇頭像-UIImagePickerController
好了,繞了這么久,終于開始進(jìn)入主題了,即選擇圖片或者拍照了。那么現(xiàn)在該腫么辦呢?好像毫無頭緒的樣子。。。
這里就需要通過UIImagePickerController,通過它,我們就可以讓我們的APP輕松的實(shí)現(xiàn)訪問相冊或者拍照:
操作UIImagePickerController,需要實(shí)現(xiàn)兩個(gè)協(xié)議:
進(jìn)行相冊圖片選擇或者相機(jī)拍照的實(shí)現(xiàn)代碼如下:
運(yùn)行效果如圖:
Step4:替換頭像-大功告成!
現(xiàn)在,我們已經(jīng)能夠打開相冊,或者拍照(拍照功能模擬機(jī)無法拍照,會報(bào)錯(cuò),只有用真機(jī)測試)。
可是問題來了,現(xiàn)在選擇了新圖片,確定之后,頭像還是原來的頭像,并沒有更新。這是因?yàn)槲覀冞@里還沒有對圖片選擇完全之后的代理方法進(jìn)行實(shí)現(xiàn):
大功告成:
剪頭像:
script type="text/javascript" language="javascript"
!--
//關(guān)于圖片處理
var _cutMinW=48; //切片最小寬度
var _cutMinH=48; //切片最小高度
var _imgPath=getCookie('162100screenshotsImg'); //圖片路徑
function getCookie(name){
var arr=document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr!=null arr!=false) return decodeURIComponent(arr[2]);
return false;
}
function startP(){
//alert('示例圖片已載入,此鍵暫不必用');
location.href="start.html";
}
function subCut(){
/*
alert('\
圖片實(shí)際寬度為'+Math.ceil(_imgW)+'px\n\
圖片實(shí)際高度為'+Math.ceil(_imgH)+'px\n\
圖片當(dāng)前寬度為'+Math.ceil(_nowW)+'px\n\
圖片當(dāng)前高度為'+Math.ceil(_nowH)+'px\n\
截圖X坐標(biāo)為'+Math.ceil(_pP.offsetWidth+1-_imgO.offsetLeft)+'px\n\
截圖Y坐標(biāo)為'+Math.ceil(_pP.offsetHeight+1-_imgO.offsetTop)+'px\n\
截圖寬度為'+Math.ceil(_pO.offsetWidth-2)+'px\n\
截圖高度為'+Math.ceil(_pO.offsetHeight-2)+'px\n\
可將上述參數(shù),轉(zhuǎn)向后臺處理。');
*/
if(!_imgW || !_imgH || _imgO==null){
alert('圖片加載出錯(cuò)!');
return false;
}
var f=document.createElement("form");
f.action="i_up.php";
f.method="post";
f.style.display='none';
f.innerHTML='\
input type="hidden" name="imgw" value="'+Math.ceil(_imgW)+'" /\
input type="hidden" name="imgh" value="'+Math.ceil(_imgH)+'" /\
input type="hidden" name="noww" value="'+Math.ceil(_nowW)+'" /\
input type="hidden" name="nowh" value="'+Math.ceil(_nowH)+'" /\
input type="hidden" name="px" value="'+Math.ceil(_pP.offsetWidth+1-_imgO.offsetLeft)+'" /\
input type="hidden" name="py" value="'+Math.ceil(_pP.offsetHeight+1-_imgO.offsetTop)+'" /\
input type="hidden" name="pw" value="'+Math.ceil(_pO.offsetWidth-2)+'" /\
input type="hidden" name="ph" value="'+Math.ceil(_pO.offsetHeight-2)+'" /\
input type="hidden" name="ptype" value="4" /\
';
document.body.appendChild(f);
document.getElementById('runSub').style.display='block';
f.submit();
}
--
/script
分享題目:javascript頭像,標(biāo)簽頭像設(shè)計(jì)圖
標(biāo)題URL:http://chinadenli.net/article11/dsidjdd.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、定制開發(fā)、定制網(wǎng)站、面包屑導(dǎo)航、微信小程序、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)