ajax_javascript 기술을 통해 선 차트를 동적으로 그리는 jqplot 방법 및 아이디어

var 과거_cpu_service_statistics_line = new Array();
varplot;
function 과거CpuInfomation() {
// 과거 CPU 데이터
// 현지 시간

$ .ajax({
유형: "POST",
contentType: "application/x-www-form-urlencoded;charset=UTF-8",
url: globalObj.path '/server/getServerCurrentTime. htm',
성공: function(currentTime){
console.log("서버 시간 가져오기" currentTime);
//과거 CPU 데이터 가져오기
$.ajax({
유형: "POST",
contentType: "application/x-www-form-urlencoded;charset=UTF-8",
url: globalObj.path '/server/getPastCpuMonitorData.htm',
// startTime endtime은 더미 데이터이며, 시간은 백그라운드에서 가져옵니다.
  
// 시간을 int로 가져옵니다.
var Intkey = PARSEINT (key)
VAR TransferTime = New Date (intKey) ;
Console.Log ("TRANSFERTIME:" 키 "---- -resut:" transferTime);
var onePoint = [transferTime, result[key] ];
과거_cpu_service_statistics_line.push(onePoint);
}
                                                                                                             ~ ~                            
를 통해                                                            렌더러: $.jqplot.DateAxisRenderer,
formatString: '%Y-%#m-%d %H: %M '},
min: (현재 시간 -1000 * 60 * 60),
최대: (현재),

// 가로(세로) 최소값
                                                                                                                   축: {
                                           ~ >       ,
표시: true,
형광펜: {
sizeAdjust: 7.5
                                                          표시: false
}
});
}
              }) ; 과거 CPU 데이터 ajax end
},
    error: function(textStatus){
        Alert("과거 CPU 데이터를 가져올 때 서버 시간을 가져오지 못했습니다!");
function updateCpuPic() {
console.log("Updating CPU view");
//먼저 서버 시간을 가져와 이를 사용하여 가로좌표를 그립니다.
$.ajax({
유형: "POST",
콘텐츠 유형: "application/x-www-form-urlencoded;charset=UTF-8",
url: globalObj.path '/server/getServerCurrentTime .htm',
성공 : function(result){
var intKey =parseInt(result);
var transferTime = new Date(intKey);
console.log("서버 시간 가져오기: " result "------ " transferTime);
                                                                                                > ~ : { 레이블 : 'Time', 60 * 60), max : (결과),
// 가로(세로) 좌표로 표시되는 최소값
// Ticks:['']

},
yaxis: {
label: 'cpu Monitoring' ,

}
} ,
형광펜: {
표시: true,
sizeAdjust: 7.5
},
커서: {
표시: false
},
답장: {
             ResetAxes: true
                                                             >

function updateCpuInfomation() {
$.ajax({
type: "POST",
contentType: "application/x-www-form-urlencoded;charset=UTF-8" ,
url: globalObj.path '/server/getLatestCpuMonitorData.htm',
data: "hostName=" "login.cheos.cn",
성공: 함수(결과){
// 데이터를 한 번 업데이트하세요
for (key in result) {
var intKey =parseInt(key);
var transferTime = new Date(intKey);
console.log("- ---- - ----------CPU 정보 업데이트---:" key "----업데이트 시간:" transferTime);
           var onePoint = [transferTime, result[key]]; .push( onePoint);
}
                                                      alert("CPU 정보 업데이트에 실패했습니다!");

}
});

}