效果图:
相关代码分享:
1.一个button
1 day ago 2.parsexml 解析函数:
function parsexml(xml){
$.ajax({
type:'GET',
url:xml,
dataType:'xml',//注意处理信息的类型为xml,默认为html
success:function(docxml){
var value0 = parseInt($(docxml).find('v').first().text());
var timearray = new Array();
var valuearray = new Array();
$(docxml).find('row').each(function(){
var time = parseFloat($(this).children('t').text());
var value = parseFloat($(this).children('v').text());
timearray.push(time)
valuearray.push(value)
});//end each
var starttime = getLocalTime(timearray[0]);
var endtime = getLocalTime(timearray[1439]);
var value10 = valuearray.slice(0,600);
var value12 = valuearray.slice(600,720);
var value14 = valuearray.slice(720,840);
var value19 = valuearray.slice(840,1140);
var value21 = valuearray.slice(1140,1260);
var value24 = valuearray.slice(1260,1440);
$("#10max").text(value10.max());
$("#10min").text(value10.min());
$("#12max").text(value12.max());
$("#12min").text(value12.min());
$("#14max").text(value14.max());
$("#14min").text(value14.min());
$("#19max").text(value19.max());
$("#19min").text(value19.min());
$("#21max").text(value21.max());
$("#21min").text(value21.min());
$("#24max").text(value24.max());
$("#24min").text(value24.min());
loadchart(starttime,endtime);
} // end of success
}); // end of ajax
} // end of parsexml 3.highcharts 生成图片函数:
function loadchart(starttime,endtime){
$(document).ready(function(){
$('#TrafficHighChart').highcharts({
data: {
table: document.getElementById('datatable')
},
chart: {
type: 'column'
},
title: {
text: 'From ' + starttime + ' To ' + endtime
},
yAxis: {
allowDecimals: false,
title: {
text: 'IDC Traffic'
}
},
tooltip: {
formatter: function() {
return ''+ this.series.name +''+
this.y;
}
}
}); //end of highcharts
});//end of documentready
} //end of loadchart 4.计算数组最大值最小值函数:
Array.prototype.min = function() {
var min = this[0];
var len = this.length;
for (var i = 1; i < len; i++){
if (this < min){
min = this;
}
}
min = (min/1048576).toFixed(2);
return min;
}
Array.prototype.max = function() {
var max = this[0];
var len = this.length;
for (var i = 1; i < len; i++){
if (this > max) {
max = this;
}
}
max = (max/1048576).toFixed(2)
return max;
}
function parsexml(xml){
$.ajax({
type:'GET',
url:xml,
dataType:'xml',//注意处理信息的类型为xml,默认为html
}
}
max = (max/1048576).toFixed(2)
return max; 5.表格格式: