JavaScript
$(function() {
var arr = [
[1449619200000, 99.38],
[1449622800000, 99.23],
[1449626400000, 99.39],
[1449630000000, 99.4],
[1449633600000, 99.39],
[1449637200000, 99.4],
[1449640800000, 99.41],
[1449644400000, 99.4],
[1449648000000, 99.31],
[1449651600000, 99.12],
[1449655200000, 99.06],
[1449658800000, 98.93],
[1449662400000, 98.94],
[1449666000000, 99.05],
[1449669600000, 99.11],
[1449673200000, 99.16],
[1449676800000, 99.3],
[1449680400000, 99.4],
[1449684000000, 99.43],
[1449687600000, 99.43],
[1449691200000, 99.43],
[1449694800000, 99.43],
[1449698400000, 99.43],
[1449702000000, 99.44],
[1449705600000, 99.46],
[1449709200000, 99.37]
];
var data_ajax = [{
"xaxis": {
"mode": "time",
"timeformat": "%d/%m",
//"tickSize" : [1, "day"]
},
"color": "#CC0000",
"label": "R1 Graph",
"lines": {
"show": true,
"lineWidth": 3
},
"curvedLines": {
apply: true,
},
"points": {
"show": false
},
//"yaxes" : 1,
"data": arr
}];
$('#network-graph').empty();
//plot = $.plotAnimator($("#network-graph"), data_ajax, options);
//console.log('#'+tab+'network-graph');
//console.log(data_ajax);
plot = $.plot('#network-graph', data_ajax, {
hooks: {
draw: [raw]
}
});
var colors = ["#cc4444", "#ff0000", "#0000ff", "#00ff00"];
var radius = [10, 20, 30, 40];
function raw(plot, ctx) {
var colors = ["#cc4444", "#ff0000", "#0000ff", "#00ff00"];
var radius = [5, 10, 5, 10];
//console.log(networkTargets);
var data = plot.getData();
var axes = plot.getAxes();
var offset = plot.getPlotOffset();
//console.log(data);
//console.log(axes);
//console.log(offset);
for (var i = 0; i < data.length; i++) {
var series = data[i];
var next = data[i+1];
console.log(series);
for (var j = 0; j < series.data.length; j++)...