extjs ComboBox 自动查询

来源：互联网发布：apache socket框架编辑：程序博客网时间：2024/06/10 22:19

Ext.require([
'Ext.form.field.ComboBox',
'Ext.window.MessageBox',
'Ext.form.FieldSet',
'Ext.tip.QuickTipManager',
'Ext.data.*'
]);

// Define the model for a State
/*Ext.define('State', {
extend: 'Ext.data.Model',
fields: [
{type: 'string', name: 'abbr'},
{type: 'string', name: 'name'},
{type: 'string', name: 'slogan'}
]
});*/

// The data for all states
/*var states = [
{"abbr":"AL","name":"张一","slogan":"The Heart of Dixie"},
{"abbr":"AL","name":"张二","slogan":"The Heart of Dixie"},
{"abbr":"AK","name":"张三","slogan":"The Land of the Midnight Sun"},
{"abbr":"AK","name":"张四","slogan":"The Land of the Midnight Sun"},
{"abbr":"AZ","name":"张五","slogan":"The Grand Canyon State"},
{"abbr":"AZ","name":"张七","slogan":"The Grand Canyon State"},
{"abbr":"AZ","name":"张八","slogan":"The Grand Canyon State"},
{"abbr":"AZ","name":"王止","slogan":"The Grand Canyon State"},
{"abbr":"AZ","name":"张三","slogan":"The Grand Canyon State"},
{"abbr":"AZ","name":"志荣","slogan":"The Grand Canyon State"},
{"abbr":"AZ","name":"卢强","slogan":"The Grand Canyon State"},
{"abbr":"AZ","name":"林九根","slogan":"The Grand Canyon State"},
{"abbr":"AZ","name":"九根","slogan":"The Grand Canyon State"}


];*/

//test

/*var states = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({ url: '/forpeople/viewname', method: 'POST' }),
remoteSort: false,
reader: new Ext.data.JsonReader({
// totalProperty: "totalPorperty",
// root: "list",
// id: 'ID',
// fields: [
{ name: 'membername' },
{ name: 'membername' },
{ name: 'membername' },
{ name: 'membername' }
]
})
});
*/
//test

//test

/*var states = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: '/forpeople/nameview' //这个是url，就是你要取的值到下拉框中的
}),
autoLoad:true,
reader: new Ext.data.JsonReader({
// root: 'root',

fields: ['membername','membername'] //跟后面的ComboBox的displayField和valueField对于
}), //这个是加监听事件，就提供一下，可以不用的
listeners: {
load: function() {
var combo = Ext.getCmp('ruleid');
combo.setValue(combo.getValue());
}
}
});
states.load({params:{act:'listfolder'}}); //一加载的时候就显示数据
*/

//test

Ext.define('User', {
extend: 'Ext.data.Model',
fields: [
{name: 'membername', type: 'string'}

]
});

/*var states = Ext.create('Ext.data.Store', {
model: 'User',
proxy: {
type: 'ajax',
url : '/forpeople/nameview',
reader: {
type: 'json'
}
},
autoLoad: true
});*/

var states = Ext.create('Ext.data.Store', {
model: 'User',
proxy: {
type: 'ajax',
url : '/forpeople/nameview',
reader: {
type: 'json',
root: 'idendata'
}
},
autoLoad: true
});
/*
function createStore() {
// The data store holding the states; shared by each of the ComboBox examples below
return Ext.create('Ext.data.Store', {
autoDestroy: true,
model: 'State',
data: states
// data: store
});
}
*/

Ext.onReady(function() {
Ext.tip.QuickTipManager.init();

//test




var simpleCombo = new Ext.form.ComboBox({
emptyText:'请选择姓名', //这个是下拉框为空的时候显示的文字
// id:'combo1', //如果一个页面中有多个combobox的话，这个id不能取成一样，刚开始取成一样的了，结果点下拉框的时候，现在在另一个下拉框中。
// triggerAction:"all",
store:states, //这个很重要的，设置数据源
displayField:'membername', //这个是设置下拉框中显示的值
valueField:'membername', //这个可以传到后台的值
// editable: false, //可以编辑不
// forceSelection: true,
renderTo: 'simpleCombo',
queryMode: 'local',
// mode:'local',//数据来源本地local,远程就是remote
/* listeners:{//添加一个监听事件
'select':function() { //选择的时候的事件
var va = Ext.getCmp('simpleCombo').getValue(); //这个是取到valueField的值

//通过ajax传递到后台的
Ext.Ajax.request({
url:'/forpeople/view',
//传到后台的URL
success:function(response,opts){ //成功了干些什么

/// alert(tarvalue);
//request.setCharacterEncoding("UTF-8");
var result=Ext.JSON.decode(response.responseText);
// request.setCharacterEncoding("UTF-8");
// alert('3w');
//alert("request.....");
// alert(result);
// Ext.Msg.alert('ok');
cateTrip(result);
msgInfo('移动成功！');
},
failure:function(response,opts){ //失败了干些什么
msgError('移动失败！');
},
params:{foid:va,selectid:selectItemId,act:'movefolder'} //传到后台的参数
});

}

} */


listeners:{
change:{
fn:function(){

// alert('2w');
var tarvalue=this.getValue();
//alert(tarvalue);
// alert('3w');
// //从这里起有错误:
Ext.Ajax.request({

url:'/forpeople/view',

//jsonData:Ext.util.JSON.encode(info),
method : 'post',
params:{tagv:tarvalue},


success:function(response){

/// alert(tarvalue);
//request.setCharacterEncoding("UTF-8");
var result=Ext.JSON.decode(response.responseText);
// request.setCharacterEncoding("UTF-8");
// alert('3w');
//alert("request.....");
// alert(result);
// Ext.Msg.alert('ok');
cateTrip(result);
}



});

//错误结束


}
}
},
typeAhead: true,

})

//test

/*

// Simple ComboBox using the data store
var simpleCombo = Ext.create('Ext.form.field.ComboBox', {
fieldLabel: '查询',
renderTo: 'simpleCombo',
displayField: 'name',
width: 520,
labelWidth: 130,
store: createStore(),
queryMode: 'local',
listeners:{
change:{
fn:function(){

// alert('2w');
var tarvalue=this.getValue();
//alert(tarvalue);
// alert('3w');
// //从这里起有错误:
Ext.Ajax.request({

url:'/forpeople/view',

//jsonData:Ext.util.JSON.encode(info),
method : 'post',
params:{tagv:tarvalue},


success:function(response){

/// alert(tarvalue);
//request.setCharacterEncoding("UTF-8");
var result=Ext.JSON.decode(response.responseText);
// request.setCharacterEncoding("UTF-8");
// alert('3w');
//alert("request.....");
// alert(result);
// Ext.Msg.alert('ok');
cateTrip(result);
}



});

//错误结束


}
}
},
typeAhead: true,
});

*/

////// Collapsible code panels; ignore: /////

Ext.select('pre.code').each(function(pre) {
Ext.create('Ext.form.FieldSet', {
contentEl: pre,
renderTo: pre.parent(),
title: 'View code for this example',
collapsible: true,
collapsed: true
});
});
});

function cateTrip(data){

//var hlArray = data["hl"];
//var hostArray = data["host"];
//var serviceArray = data["service"];

var idendataArray = data["idendata"];

//alert("ok");

//alert(idendataArray.length);

//alert(serviceArray.length);
// data=hlArray;
//alert('in cateTrip');
// alert(idendataArray);
var length = data.length;
//alert(length);
// alert('aftore len');
var dataArray = new Array();
var dateArray = new Array();

//alert("test1............");

//testscen 取数据
//alert("test1............");

var lengthts = idendataArray.length;
//Ralert(lengthts);
//alert('中文');
var table = document.getElementById("contactTable");
for(var i=0; i<=lengthts-1; i++){
//if(null != testscenArray)
{

//alert("testifin............");
//alert(idendataArray[i]);
var jsonObj = idendataArray[i]; //获取json对象
//alert('okokok');

var tr = table.insertRow(table.rows.length);
//alert("testjsonhou............");
var td1 = tr.insertCell(0);
td1.align = "center";
var td2 = tr.insertCell(1);
td2.align = "center";
var td3 = tr.insertCell(2);
td3.align = "center";
var td4 = tr.insertCell(3);
td4.align = "center";
var td5 = tr.insertCell(4);
td5.align = "center";
var td6 = tr.insertCell(5);
td6.align = "center";
var td7 = tr.insertCell(6);
td7.align = "center";
//var td8 = tr.insertCell(8);
//td8.align = "center";
//alert(jsonObj.testdescribe);

//alert(jsonObj.testdescribe);
td1.innerHTML = jsonObj.membername;
td2.innerHTML = jsonObj.addtime;
td3.innerHTML = jsonObj.cianum;
td4.innerHTML = jsonObj.skilled;
td5.innerHTML = jsonObj.scalecompany;
td6.innerHTML = jsonObj.company;

td7.innerHTML = jsonObj.contactnum;
//td8.innerHTML = jsonObj.membernum;
}
}
//alert("test2............");

//host172.18.17.20 httpload shell

//alert("test2............");
/*
var hostlength20 = hostArray.length;
var dataArrayhostcpu20 = new Array();
var dataArrayhostmem20 = new Array();
var dateArrayhost20 = new Array();

for(var i=0; i<hostlength20-1; i++){
//if((hostArray[i].hostname)=='172.18.5.17'){
if(("172.18.17.20")==(hostArray[i].hostname)){
// { "a".equals(strID)
//alert("data[i.......]");
//alert(hostArray[i].recordtime);
dataArrayhostcpu20.push(parseInt(hostArray[i].userdata));
dataArrayhostmem20.push(parseInt(hostArray[i].freedata));
//alert(data[1].fetches);
//alert(data[2].fetches);
dateArrayhost20.push(hostArray[i].recordtime);
//alert("data[i.......over]");
}
}

//host5.17

// alert("test2............");

var hostlength = hostArray.length;
var dataArrayhostcpu = new Array();
var dataArrayhostmem = new Array();
var dateArrayhost = new Array();
var dataArrayhostdread = new Array();
var dataArrayhostdwrite = new Array();
var dataArrayhosteth1rb = new Array();
var dataArrayhosteth1sb = new Array();
var dataArrayhosteth3rb = new Array();
var dataArrayhosteth3sb = new Array();
//172.18.17.6 host hm
for(var i=0; i<hostlength-1; i++){
//if((hostArray[i].hostname)=='172.18.5.17'){
if(("172.18.18.6")==(hostArray[i].hostname)){
// { "a".equals(strID)
alert("data[i.......]");
alert(hostArray[i].userdata);
dataArrayhostcpu.push(parseInt(hostArray[i].userdata));
dataArrayhostmem.push(parseInt(hostArray[i].freedata));
dataArrayhostdread.push(parseInt(hostArray[i].dread));
dataArrayhostdwrite.push(parseInt(hostArray[i].dwrite));
dataArrayhosteth1rb.push(parseInt(hostArray[i].eth1rb));
dataArrayhosteth1sb.push(parseInt(hostArray[i].eth1sb));
dataArrayhosteth3rb.push(parseInt(hostArray[i].eth3rb));
dataArrayhosteth3sb.push(parseInt(hostArray[i].eth3sb));
//alert(data[1].fetches);
//alert(data[2].fetches);
dateArrayhost.push(hostArray[i].recordtime);
alert("data[i.......over]");
}
}
//alert("test3............");

//host172.18.17.7 hosthm

//alert("test2............");

var hostlength7 = hostArray.length;
var dataArrayhostcpu7 = new Array();
var dataArrayhostmem7 = new Array();
var dateArrayhost7 = new Array();

for(var i=0; i<hostlength7-1; i++){
//if((hostArray[i].hostname)=='172.18.5.17'){
if(("172.18.17.7")==(hostArray[i].hostname)){
// { "a".equals(strID)
//alert("data[i.......]");
//alert(hostArray[i].recordtime);
dataArrayhostcpu7.push(parseInt(hostArray[i].userdata));
dataArrayhostmem7.push(parseInt(hostArray[i].freedata));
//alert(data[1].fetches);
//alert(data[2].fetches);
dateArrayhost7.push(hostArray[i].recordtime);
//alert("data[i.......over]");
}
}

//host172.18.17.16 dea

alert("test2............");

var hostlength16 = hostArray.length;
var dataArrayhostcpu16 = new Array();
var dataArrayhostmem16 = new Array();
var dataArrayhostdread16 = new Array();
var dataArrayhostdwrite16 = new Array();
var dataArrayhosteth1rb16 = new Array();
var dataArrayhosteth1sb16 = new Array();
var dataArrayhosteth3rb16 = new Array();
var dataArrayhosteth3sb16 = new Array();
var dateArrayhost16 = new Array();

for(var i=0; i<hostlength16-1; i++){
//if((hostArray[i].hostname)=='172.18.5.17'){
if(("172.18.17.16")==(hostArray[i].hostname)){
// { "a".equals(strID)
//alert("data[i.......]");
//alert(hostArray[i].recordtime);
dataArrayhostcpu16.push(parseInt(hostArray[i].userdata));
dataArrayhostmem16.push(parseInt(hostArray[i].freedata));
dataArrayhostdread16.push(parseInt(hostArray[i].dread));
dataArrayhostdwrite16.push(parseInt(hostArray[i].dwrite));
dataArrayhosteth1rb16.push(parseInt(hostArray[i].eth1rb));
dataArrayhosteth1sb16.push(parseInt(hostArray[i].eth1sb));
dataArrayhosteth3rb16.push(parseInt(hostArray[i].eth3rb));
dataArrayhosteth3sb16.push(parseInt(hostArray[i].eth3sb));
//alert(parseInt(hostArray[i].eth3sb));
//alert(data[2].fetches);
dateArrayhost16.push(hostArray[i].recordtime);
//alert("data[i.......over]");
}
}

//host172.18.15.26 cc and nats

//alert("test2............");

var hostlength26 = hostArray.length;
var dataArrayhostcpu26 = new Array();
var dataArrayhostmem26 = new Array();
var dateArrayhost26 = new Array();
var dataArrayhostdread26 = new Array();
var dataArrayhostdwrite26 = new Array();
var dataArrayhosteth1rb26 = new Array();
var dataArrayhosteth1sb26 = new Array();
var dataArrayhosteth3rb26 = new Array();
var dataArrayhosteth3sb26 = new Array();
for(var i=0; i<hostlength26-1; i++){
//if((hostArray[i].hostname)=='172.18.5.17'){
if(("172.18.15.26")==(hostArray[i].hostname)){
// { "a".equals(strID)
//alert("data[i.......]");
//alert(hostArray[i].recordtime);
dataArrayhostcpu26.push(parseInt(hostArray[i].userdata));
dataArrayhostmem26.push(parseInt(hostArray[i].freedata));
dataArrayhostdread16.push(parseInt(hostArray[i].dread));
dataArrayhostdwrite26.push(parseInt(hostArray[i].dwrite));
dataArrayhosteth1rb26.push(parseInt(hostArray[i].eth1rb));
dataArrayhosteth1sb26.push(parseInt(hostArray[i].eth1sb));
dataArrayhosteth3rb26.push(parseInt(hostArray[i].eth3rb));
dataArrayhosteth3sb26.push(parseInt(hostArray[i].eth3sb));
//alert(data[1].fetches);
//alert(data[2].fetches);
dateArrayhost26.push(hostArray[i].recordtime);
//alert("data[i.......over]");
}
}

//host172.18.17.8 router

//alert("test2............");

var hostlength8 = hostArray.length;
var dataArrayhostcpu8 = new Array();
var dataArrayhostmem8 = new Array();
var dateArrayhost8 = new Array();

for(var i=0; i<hostlength8-1; i++){
//if((hostArray[i].hostname)=='172.18.5.17'){
if(("172.18.17.8")==(hostArray[i].hostname)){
// { "a".equals(strID)
//alert("data[i.......]");
//alert(hostArray[i].recordtime);
dataArrayhostcpu8.push(parseInt(hostArray[i].userdata));
dataArrayhostmem8.push(parseInt(hostArray[i].freedata));
//alert(data[1].fetches);
//alert(data[2].fetches);
dateArrayhost8.push(hostArray[i].recordtime);
//alert("data[i.......over]");
}
}

//alert("test3............");
//hmservice

//alert("test2............");

var servicelength = serviceArray.length;
var dataArrayhmrun = new Array();
var dataArrayhmmiss = new Array();
var dataArrayhmflapp = new Array();
var dataArraydrop = new Array();
var dataArrayconn = new Array();
var dataArraydeacpu = new Array();
var dataArraydeamem= new Array();
var dataArraynatscpu = new Array();
var dataArraynatsmem= new Array();
var dataArraycccpu = new Array();
var dataArrayccmem= new Array();
var dataArrayhmtime = new Array();
var dataArrayhmcpu = new Array();
var dataArrayhmmem= new Array();
var dataArrayroutercpu = new Array();
var dataArrayroutermem= new Array();
//var dateArrayhmdate = new Array();
//alert(servicelength);
//alert("test2lengthbefore............");
for(var i=0; i<servicelength-1; i++){
if(null!= serviceArray)
{
//alert("data[i.......]");
//alert(serviceArray[i].runninginstances);
//alert(serviceArray[i].natsmem);
//alert(serviceArray[i].missinginstances);
//alert("data[i.......]");
//alert(serviceArray[i].flappinginstances);
dataArrayhmrun.push(parseInt(serviceArray[i].runninginstances));
dataArrayhmmiss.push(parseInt(serviceArray[i].missinginstances));
dataArrayhmflapp.push(parseInt(serviceArray[i].flappinginstances));
dataArraydrop.push(parseInt(serviceArray[i].droplets));
dataArrayconn.push(parseInt(serviceArray[i].connections));
dataArraydeacpu.push(parseInt(serviceArray[i].deacpu));
dataArraydeamem.push(parseInt(serviceArray[i].deamem));
dataArraynatscpu.push(parseInt(serviceArray[i].natscpu));
dataArraynatsmem.push(parseInt(serviceArray[i].natsmem));
dataArraycccpu.push(parseInt(serviceArray[i].cccpu));
dataArrayccmem.push(parseInt(serviceArray[i].ccmem));
dataArrayhmcpu.push(parseInt(serviceArray[i].hmcpu));
dataArrayhmmem.push(parseInt(serviceArray[i].hmmem));
dataArrayroutercpu.push(parseInt(serviceArray[i].routercpu));
dataArrayroutermem.push(parseInt(serviceArray[i].routermem));
dataArrayhmtime.push(serviceArray[i].recordtime);
//alert(dataArrayhmrun.push(serviceArray[i].runninginstances));
//alert(dataArrayhmrun.push(serviceArray[i].missinginstances));
//alert("dataArrayhmrun[i.......]");
//alert(dataArrayhmrun.valueOf(runninginstances))
//alert(dataArrayhmrun.valueOf(missinginstances))
//alert(data[1].fetches);
//alert(data[2].fetches);
//dateArrayhost.push(hostArray[i].recordtime);
//alert("data[i.......over]");
}
}

//alert("test3............");

//var length1 = dataArray.length;
//alert(length1);
//alert('zhangdu');
//alert(dateArray);
//alert('zhangdu2');
//alert(dataArray);
//var length2 = dateArray.length;

//alert(length2);
var dataResult = {};
dataResult.name = "fetches";
dataResult.data = dataArray;

var inputDataResult = new Array();
inputDataResult.push(dataResult);
// alert('before cateTrip');
//drawhighcharts("httpload",dateArray,inputDataResult);
//alert(dataArray[0]);
//alert('after draw');

//host_mem17.6

var dataResultmem = {};
dataResultmem.name = "mem";
dataResultmem.data = dataArrayhostmem;

var inputDataResultmem = new Array();
inputDataResultmem.push(dataResultmem);

//host_cpu17.6

var dataResultcpu = {};
dataResultcpu.name = "cpu";
dataResultcpu.data = dataArrayhostcpu;

var dataResultdread = {};
dataResultdread.name = "dread";
dataResultdread.data = dataArrayhostdread;

var dataResultdwrite = {};
dataResultdwrite.name = "dwrite";
dataResultdwrite.data = dataArrayhostdwrite;

var dataResulteth1rb = {};
dataResulteth1rb.name = "eth1rb";
dataResulteth1rb.data = dataArrayhosteth1rb;

var dataResulteth1sb = {};
dataResulteth1sb.name = "eth1sb";
dataResulteth1sb.data = dataArrayhosteth1sb;

var dataResulteth3rb = {};
dataResulteth3rb.name = "eth3rb";
dataResulteth3rb.data = dataArrayhosteth3rb;

var dataResulteth3sb = {};
dataResulteth3sb.name = "eth3sb";
dataResulteth3sb.data = dataArrayhosteth3sb;
//alert(dataResultcpu.name);

//alert(dataResultcpu.data);
//alert(dateArrayhost);
var inputDataResultcpu = new Array();
inputDataResultcpu.push(dataResultcpu);
inputDataResultcpu.push(dataResultmem);
inputDataResultcpu.push(dataResultdread);
inputDataResultcpu.push(dataResultdwrite);
inputDataResultcpu.push(dataResulteth1rb);
inputDataResultcpu.push(dataResulteth1sb);
inputDataResultcpu.push(dataResulteth3rb);
inputDataResultcpu.push(dataResulteth3sb);
//alert('before cateTrip');

//host_20 httpload

var dataResultmem20 = {};
dataResultmem20.name = "mem20";
dataResultmem20.data = dataArrayhostmem20;

var dataResultcpu20 = {};
dataResultcpu20.name = "cpu20";
dataResultcpu20.data = dataArrayhostcpu20;

var inputDataResultmem20 = new Array();
inputDataResultmem20.push(dataResultmem20);
inputDataResultmem20.push(dataResultcpu20);

//host_16

var dataResultmem16 = {};
dataResultmem16.name = "mem16";
dataResultmem16.data = dataArrayhostmem16;

var dataResultcpu16 = {};
dataResultcpu16.name = "cpu16";
dataResultcpu16.data = dataArrayhostcpu16;

var dataResultdread16 = {};
dataResultdread16.name = "dread";
dataResultdread16.data = dataArrayhostdread16;

var dataResultdwrite16 = {};
dataResultdwrite16.name = "dwrite";
dataResultdwrite16.data = dataArrayhostdwrite16;

var dataResulteth1rb16 = {};
dataResulteth1rb16.name = "eth1rb";
dataResulteth1rb16.data = dataArrayhosteth1rb16;

var dataResulteth1sb16 = {};
dataResulteth1sb16.name = "eth1sb";
dataResulteth1sb16.data = dataArrayhosteth1sb16;

var dataResulteth3rb16 = {};
dataResulteth3rb16.name = "eth3rb";
dataResulteth3rb16.data = dataArrayhosteth3rb16;

var dataResulteth3sb16 = {};
dataResulteth3sb16.name = "eth3sb";
dataResulteth3sb16.data = dataArrayhosteth3sb16;

var inputDataResultmem16 = new Array();
inputDataResultmem16.push(dataResultmem16);
inputDataResultmem16.push(dataResultcpu16);
inputDataResultmem16.push(dataResultdread16);
inputDataResultmem16.push(dataResultdwrite16);
inputDataResultmem16.push(dataResulteth1rb16);
inputDataResultmem16.push(dataResulteth1sb16);
inputDataResultmem16.push(dataResulteth3rb16);
inputDataResultmem16.push(dataResulteth3sb16);

//host_7 17.7

var dataResultmem7 = {};
dataResultmem7.name = "mem7";
dataResultmem7.data = dataArrayhostmem7;

var dataResultcpu7 = {};
dataResultcpu7.name = "cpu17";
dataResultcpu7.data = dataArrayhostcpu7;

var inputDataResultmem7 = new Array();
inputDataResultmem7.push(dataResultmem7);
inputDataResultmem7.push(dataResultcpu7);

//host_15.26

var dataResultmem26 = {};
dataResultmem26.name = "mem7";
dataResultmem26.data = dataArrayhostmem26;

var dataResultcpu26 = {};
dataResultcpu26.name = "cpu26";
dataResultcpu26.data = dataArrayhostcpu26;

var dataResultdread26 = {};
dataResultdread26.name = "dread";
dataResultdread26.data = dataArrayhostdread26;

var dataResultdwrite26 = {};
dataResultdwrite26.name = "dwrite";
dataResultdwrite26.data = dataArrayhostdwrite26;

var dataResulteth1rb26 = {};
dataResulteth1rb26.name = "eth1rb";
dataResulteth1rb26.data = dataArrayhosteth1rb26;

var dataResulteth1sb26 = {};
dataResulteth1sb26.name = "eth1sb";
dataResulteth1sb26.data = dataArrayhosteth1sb26;

var dataResulteth3rb26 = {};
dataResulteth3rb26.name = "eth3rb";
dataResulteth3rb26.data = dataArrayhosteth3rb26;

var dataResulteth3sb26 = {};
dataResulteth3sb26.name = "eth3sb";
dataResulteth3sb26.data = dataArrayhosteth3sb26;

var inputDataResultmem26 = new Array();
inputDataResultmem26.push(dataResultmem26);
inputDataResultmem26.push(dataResultcpu26);
inputDataResultmem26.push(dataResultdread26);
inputDataResultmem26.push(dataResultdwrite26);
inputDataResultmem26.push(dataResulteth1rb26);
inputDataResultmem26.push(dataResulteth1sb26);
inputDataResultmem26.push(dataResulteth3rb26);
inputDataResultmem26.push(dataResulteth3sb26);

//host_17.8 router

var dataResultmem8 = {};
dataResultmem8.name = "mem7";
dataResultmem8.data = dataArrayhostmem8;

var dataResultcpu8 = {};
dataResultcpu8.name = "cpu26";
dataResultcpu8.data = dataArrayhostcpu8;

var inputDataResultmem8 = new Array();
inputDataResultmem8.push(dataResultmem8);
inputDataResultmem8.push(dataResultcpu8);

//servicerun

var dataResultrun = {};
dataResultrun.name = "run";
dataResultrun.data = dataArrayhmrun;
//alert(dataResultrun)
var inputDataResultrun = new Array();
inputDataResultrun.push(dataResultrun);

//servicemiss

var dataResultmiss = {};
dataResultmiss.name = "miss";
dataResultmiss.data = dataArrayhmmiss;

var inputDataResultmiss = new Array();
inputDataResultmiss.push(dataResultmiss);

//serviceflapp

var dataResultflapp = {};
dataResultflapp.name = "flapp";
dataResultflapp.data = dataArrayhmflapp;

var inputDataResultflapp = new Array();
inputDataResultflapp.push(dataResultflapp);

//serviceconnanddrop

var dataResultdrop = {};
dataResultdrop.name = "drop";
dataResultdrop.data = dataArraydrop;

var dataResultconn = {};
dataResultconn.name = "conn";
dataResultconn.data = dataArrayconn;

//servicnatsdeacpu and mem

var dataResultdeacpu = {};
dataResultdeacpu.name = "deacpu";
dataResultdeacpu.data = dataArraydeacpu;

var dataResultdeamem = {};
dataResultdeamem.name = "deacpu";
dataResultdeamem.data = dataArraydeamem;

var dataResultnatscpu = {};
dataResultnatscpu.name = "natscpu";
dataResultnatscpu.data = dataArraynatscpu;

var dataResultnatsmem = {};
dataResultnatsmem.name = "natscpu";
dataResultnatsmem.data = dataArraynatsmem;

var dataResultccmem = {};
dataResultccmem.name = "ccmem";
dataResultccmem.data = dataArrayccmem;

var dataResultcccpu = {};
dataResultcccpu.name = "cccpu";
dataResultcccpu.data = dataArraycccpu;

var dataResulthmmem = {};
dataResulthmmem.name = "hmmem";
dataResulthmmem.data = dataArrayhmmem;

var dataResulthmcpu = {};
dataResulthmcpu.name = "hmcpu";
dataResulthmcpu.data = dataArrayhmcpu;

var dataResultroutermem = {};
dataResultroutermem.name = "routermem";
dataResultroutermem.data = dataArrayroutermem;

var dataResultroutercpu = {};
dataResultroutercpu.name = "routercpu";
dataResultroutercpu.data = dataArrayroutercpu;

var inputDataResultdeacpu = new Array();
inputDataResultdeacpu.push(dataResultdeacpu);
//inputDataResultdeacpu.push(dataResultrun);
inputDataResultdeacpu.push(dataResultdeamem);
inputDataResultdeacpu.push(dataResultnatscpu);
inputDataResultdeacpu.push(dataResultnatsmem);
inputDataResultdeacpu.push(dataResultccmem);
inputDataResultdeacpu.push(dataResultcccpu);
inputDataResultdeacpu.push(dataResulthmmem);
inputDataResultdeacpu.push(dataResulthmcpu);
inputDataResultdeacpu.push(dataResultroutermem);
inputDataResultdeacpu.push(dataResultroutercpu);
//servicehm

var inputDataResultrun = new Array();
inputDataResultrun.push(dataResultrun);
inputDataResultrun.push(dataResultmiss);
inputDataResultrun.push(dataResultflapp);
inputDataResultrun.push(dataResultdrop);
inputDataResultrun.push(dataResultconn);

var inputDataResult = new Array();
inputDataResult.push(dataResult);*/
//inputDataResult.push(dataResultcpu);
//inputDataResult.push(dataResultrun);
//inputDataResult.push(dataArrayhmmiss);
// alert('before cateTrip');
//alert(inputDataResultrun);
//alert(inputDataResultdeacpu);

//alert(dataResult);
///drawhighcharts("httpload",dateArray,inputDataResult);
//drawhighcharts("httpload",dateArray,inputDataResult);

// drawhighchartsdea16pre("dea16pre",dateArrayhost16,inputDataResultmem16);

//httpload pre

//drawhighchartshl20pre("hl20pre",dateArrayhost20,inputDataResultmem20);

// drawhighchartscpu("hm17.6pre",dateArrayhost,inputDataResultcpu);

//drawhighchartsmem("mem",dateArrayhost,inputDataResultmem);


//inputDataResultrun.push(dataResultmiss);

//drawhighchartshmrunok("hm nats router instances type",dataArrayhmtime,inputDataResultrun);

//allservice cpu and mem
//drawhighchartshmrun("all service pre",dataArrayhmtime,inputDataResultdeacpu);
//drawhighchartshmmiss("hmmiss",dataArrayhmtime,inputDataResultmiss);

// drawhighchartshm7pre("hm7pre",dateArrayhost7,inputDataResultmem7);
//drawhighchartscc26pre("ccnats26pre",dateArrayhost26,inputDataResultmem26);
//drawhighchartsrouter8pre("router8pre",dateArrayhost8,inputDataResultmem8);

//drawhighchartsservicepre("allservicepre",dataArrayhmtime,inputDataResultdeacpu);
//drawhighchartsservicepre("hmrun",dataArrayhmtime,inputDataResultrun);

//drawhighchartshmrun("hmrun",dataArrayhmtime,inputDataResultdeacpu);

}

function drawhighcharts(title,categories,series) {
//alert("in draw");

//alert(categories);
// alert(series);
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
// defaultSeriesType: 'spline'
},
title: {
text: title,
x: -20 //center
},
credits: {
enabled: true,
text: "time",
href: "http://www.chanjet.com",
},
xAxis: {
categories:categories
},
yAxis: {
title: {
text: 'fetches'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
crosshairs: true,
shared: true
},
plotOptions: {
spline: {
marker: {
radius: 4,
lineColor: '#666666',
lineWidth: 1
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series:series
// series:[{
// name: 'Tokyo',
// data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
// }, {
// name: 'New York',
// data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
// }, {
// name: 'Berlin',
// data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
// }, {
// name: 'London',
// data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
// }]
});

//alert("over draw");
};

//draw cpu

function drawhighchartscpu(title,categories,series) {
//alert("in draw");

//alert(categories);
// alert(series);
chart = new Highcharts.Chart({
chart: {
renderTo: 'containercpu',
// defaultSeriesType: 'spline'
},
title: {
text: title,
x: -20 //center
},
credits: {
enabled: true,
text: "time",
href: "http://www.chanjet.com",
},
xAxis: {
categories:categories
},
yAxis: {
title: {
text: 'num'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
crosshairs: true,
shared: true
},
plotOptions: {
spline: {
marker: {
radius: 4,
lineColor: '#666666',
lineWidth: 1
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series:series
});

//alert("over draw");
};

//mem

function drawhighchartsmem(title,categories,series) {
//alert("in draw");

//alert(categories);
// alert(series);
chart = new Highcharts.Chart({
chart: {
renderTo: 'containermem',
// defaultSeriesType: 'spline'
},
title: {
text: title,
x: -20 //center
},
credits: {
enabled: true,
text: "time",
href: "http://www.chanjet.com",
},
xAxis: {
categories:categories
},
yAxis: {
title: {
text: 'fetches'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
crosshairs: true,
shared: true
},
plotOptions: {
spline: {
marker: {
radius: 4,
lineColor: '#666666',
lineWidth: 1
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series:series
});

//alert("over draw");
};

//not hmservicerun ,is drawhighchartsallservicecpumempre
function drawhighchartshmrun(title,categories,series) {
//alert("in draw");

//alert(categories);
// alert(series);
chart = new Highcharts.Chart({
chart: {
renderTo: 'containerservicepre',
// defaultSeriesType: 'spline'
},
title: {
text: title,
x: -20 //center
},
credits: {
enabled: true,
text: "time",
href: "http://www.chanjet.com",
},
xAxis: {
categories:categories
},
yAxis: {
title: {
text: 'num'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
crosshairs: true,
shared: true
},
plotOptions: {
spline: {
marker: {
radius: 4,
lineColor: '#666666',
lineWidth: 1
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series:series

// series:[{
// name: 'Tokyo',
// data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
// }, {
// name: 'New York',
// data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
// }, {
// name: 'Berlin',
// data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
// }, {
// name: 'London',
// data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
// }]
});

//alert("over draw");
};

//not hmservicerun ,is drawhighchartsallservicecpumempre
function drawhighchartshmrunok(title,categories,series) {
//alert("in draw");

//alert(categories);
// alert(series);
chart = new Highcharts.Chart({
chart: {
renderTo: 'containerhmrun',
// defaultSeriesType: 'spline'
},
title: {
text: title,
x: -20 //center
},
credits: {
enabled: true,
text: "time",
href: "http://www.chanjet.com",
},
xAxis: {
categories:categories
},
yAxis: {
title: {
text: 'num'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
crosshairs: true,
shared: true
},
plotOptions: {
spline: {
marker: {
radius: 4,
lineColor: '#666666',
lineWidth: 1
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series:series

// series:[{
// name: 'Tokyo',
// data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
// }, {
// name: 'New York',
// data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
// }, {
// name: 'Berlin',
// data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
// }, {
// name: 'London',
// data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
// }]
});

//alert("over draw");
};

//drawhighchartsallservicecpumempre

//
function drawhighchartsservicepre(title,categories,series) {
//alert("in draw");

//alert(categories);
// alert(series);
chart = new Highcharts.Chart({
chart: {
renderTo: 'containerhmrun',
// defaultSeriesType: 'spline'
},
title: {
text: title,
x: -20 //center
},
credits: {
enabled: true,
text: "time",
href: "http://www.chanjet.com",
},
xAxis: {
categories:categories
},
yAxis: {
title: {
text: 'instancenum'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
crosshairs: true,
shared: true
},
plotOptions: {
spline: {
marker: {
radius: 4,
lineColor: '#666666',
lineWidth: 1
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series:series

// series:[{
// name: 'Tokyo',
// data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
// }, {
// name: 'New York',
// data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
// }, {
// name: 'Berlin',
// data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
// }, {
// name: 'London',
// data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
// }]
});

//alert("over draw");
};

//hmservicemiss
function drawhighchartshmmiss(title,categories,series) {
//alert("in draw");

//alert(categories);
// alert(series);
chart = new Highcharts.Chart({
chart: {
renderTo: 'containerhmmiss',
// defaultSeriesType: 'spline'
},
title: {
text: title,
x: -20 //center
},
credits: {
enabled: true,
text: "time",
href: "http://www.chanjet.com",
},
xAxis: {
categories:categories
},
yAxis: {
title: {
text: 'instancenum'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
crosshairs: true,
shared: true
},
plotOptions: {
spline: {
marker: {
radius: 4,
lineColor: '#666666',
lineWidth: 1
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series:series
});

//alert("over draw");
};

//drawhighchartsdea16pre
function drawhighchartsdea16pre(title,categories,series) {
//alert("in draw");

//alert(categories);
// alert(series);
chart = new Highcharts.Chart({
chart: {
renderTo: 'containerdea16pre',
// defaultSeriesType: 'spline'
},
title: {
text: title,
x: -20 //center
},
credits: {
enabled: true,
text: "time",
href: "http://www.chanjet.com",
},
xAxis: {
categories:categories
},
yAxis: {
title: {
text: 'baifenbi'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
crosshairs: true,
shared: true
},
plotOptions: {
spline: {
marker: {
radius: 4,
lineColor: '#666666',
lineWidth: 1
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series:series
});

//alert("over draw");
};

//drawhighchartshl20pre
function drawhighchartshl20pre(title,categories,series) {
//alert("in draw");

//alert(categories);
// alert(series);
chart = new Highcharts.Chart({
chart: {
renderTo: 'containerhl20pre',
// defaultSeriesType: 'spline'
},
title: {
text: title,
x: -20 //center
},
credits: {
enabled: true,
text: "time",
href: "http://www.chanjet.com",
},
xAxis: {
categories:categories
},
yAxis: {
title: {
text: 'baifenbi'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
crosshairs: true,
shared: true
},
plotOptions: {
spline: {
marker: {
radius: 4,
lineColor: '#666666',
lineWidth: 1
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series:series
});

//alert("over draw");
};

//drawhighchartsdea16pre
function drawhighchartscc26pre(title,categories,series) {
//alert("in draw");

//alert(categories);
// alert(series);
chart = new Highcharts.Chart({
chart: {
renderTo: 'containercc26pre',
// defaultSeriesType: 'spline'
},
title: {
text: title,
x: -20 //center
},
credits: {
enabled: true,
text: "time",
href: "http://www.chanjet.com",
},
xAxis: {
categories:categories
},
yAxis: {
title: {
text: 'baifenbi'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
crosshairs: true,
shared: true
},
plotOptions: {
spline: {
marker: {
radius: 4,
lineColor: '#666666',
lineWidth: 1
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series:series
});

//alert("over draw");
};

//drawhighchartsdea16pre
function drawhighchartsrouter8pre(title,categories,series) {
//alert("in draw");

//alert(categories);
// alert(series);
chart = new Highcharts.Chart({
chart: {
renderTo: 'containerrouter8pre',
// defaultSeriesType: 'spline'
},
title: {
text: title,
x: -20 //center
},
credits: {
enabled: true,
text: "time",
href: "http://www.chanjet.com",
},
xAxis: {
categories:categories
},
yAxis: {
title: {
text: 'baifenbi'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
crosshairs: true,
shared: true
},
plotOptions: {
spline: {
marker: {
radius: 4,
lineColor: '#666666',
lineWidth: 1
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series:series
});

//alert("over draw");
};

0 0