[roamingstarParticipant]

$(document).ready(function ()
{
var descriptors =[{“id”:”test1″,”mimeType”:”video”},{“id”:”test2″,”mimeType”:”mp4″}]
var array=[

{“timeStamp”:1453994804416,”test1″:4890725,”test2″:200016},{“timeStamp”:1453994805415,”test1″:9707243,”test2″:199303},{“timeStamp”:1453994806415,”test1″:3782976,”test2″:46216},{“timeStamp”:1453994807415,”test1″:7288696,”test2″:356328},{“timeStamp”:1453994808415,”test1″:4028928,”test2″:44208},{“timeStamp”:1453994809415,”test1″:9709248,”test2″:368040},{“timeStamp”:1453994810415,”test1″:4239744,”test2″:53160},{“timeStamp”:1453994811415,”test1″:9838080,”test2″:327936},{“timeStamp”:1453994812415,”test1″:4518824,”test2″:221328},{“timeStamp”:1453994813415,”test1″:9275904,”test2″:199104},{“timeStamp”:1453994814415,”test1″:4392000,”test2″:178648},{“timeStamp”:1453994815415,”test1″:9229056,”test2″:222528}];

var settings = {
title : “test”,
description : “”,
enableAnimations: false,
// animationDuration: 1000,
// enableAxisTextAnimation: true,
showLegend : true,
showBorderLine : true,
legendPosition : {
left : 520,
top : 140,
width : 100,
height : 100
},
padding : {
left : 5,
top : 5,
right : 5,
bottom : 5
},
titlePadding : {
left : 0,
top : 0,
right : 0,
bottom : 10
},
source : array,
colorScheme : ‘scheme01’,
valueAxis : {
title : {
text : “Bitrate”,
},
formatFunction : function(value) {
return (value / 1000) ;
},
},
xAxis : {
visible : false,
dataField : ‘timeStamp’,
gridLines : {
step : 2
},
valuesOnTicks : false,
labels : {
angle : -45,
offset : {
x : -17,
y : 0
}
}
},
seriesGroups : [ {
type : ‘stackedsplinearea’,
showLabels : false,
series : createFields(descriptors),
} ]
};

function createDataFields(descriptors) {
var dataFields = [ {
name : ‘timeStamp’
} ];

for (var index = 0; index < descriptors.length; index++) {
dataFields.push({
name : descriptors[index].id
});
}

return dataFields;
}

function createFields(descriptors) {$(‘#graph’).jqxChart(settings);
$(‘#graph’).jqxChart(‘refresh’);
var Fields = [];

for (var index = 0; index < descriptors.length; index++) {
Fields.push({dataField: descriptors[index].id, displayText: descriptors[index].mimeType, opacity: 1, lineWidth: 1,});
}

return Fields;
}
$(‘#graph’).jqxChart(settings);

});

and i refresh using $(‘#graph’).jqxChart(‘refresh’); only difference is that when i get new data its 1 record so i add to array and refresh
array.push(data);
$(‘#graph’).jqxChart(‘refresh’);

[Author]

Posts