new pisilinux web sites

2026-07-01 16:44:17 +03:00
commit b58488b586
21740 changed files with 2066209 additions and 0 deletions
@@ -0,0 +1,118 @@
+
+$(document).ready(function(){
+	
+	
+	// === Prepare the chart data ===/
+	var sin = [], cos = [];
+    for (var i = 0; i < 14; i += 0.5) {
+        sin.push([i, Math.sin(i)]);
+        cos.push([i, Math.cos(i)]);
+    }
+	// === Prepare the chart data ===/
+	var sin = [], cos = [];
+    for (var i = 0; i < 14; i += 0.5) {
+        sin.push([i, Math.sin(i)]);
+        cos.push([i, Math.cos(i)]);
+    }
+
+	// === Make chart === //
+    var plot = $.plot($(".chart"),
+           [ { data: sin, label: "sin(x)", color: "#ee7951"}, { data: cos, label: "cos(x)",color: "#4fb9f0" } ], {
+               series: {
+                   lines: { show: true },
+                   points: { show: true }
+               },
+               grid: { hoverable: true, clickable: true },
+               yaxis: { min: -1.6, max: 1.6 }
+		   });
+    
+	// === Point hover in chart === //
+    var previousPoint = null;
+    $(".chart").bind("plothover", function (event, pos, item) {
+		
+        if (item) {
+            if (previousPoint != item.dataIndex) {
+                previousPoint = item.dataIndex;
+                
+                $('#tooltip').fadeOut(200,function(){
+					$(this).remove();
+				});
+                var x = item.datapoint[0].toFixed(2),
+					y = item.datapoint[1].toFixed(2);
+                    
+                maruti.flot_tooltip(item.pageX, item.pageY,item.series.label + " of " + x + " = " + y);
+            }
+            
+        } else {
+			$('#tooltip').fadeOut(200,function(){
+					$(this).remove();
+				});
+            previousPoint = null;           
+        }   
+    });	
+    
+	
+	
+    
+    var data = [];
+	var series = Math.floor(Math.random()*10)+1;
+	for( var i = 0; i<series; i++)
+	{
+		data[i] = { label: "Series"+(i+1), data: Math.floor(Math.random()*100)+1 }
+	}
+	
+    var pie = $.plot($(".pie"), data,{
+        series: {
+            pie: {
+                show: true,
+                radius: 3/4,
+                label: {
+                    show: true,
+                    radius: 3/4,
+                    formatter: function(label, series){
+                        return '<div style="font-size:8pt;text-align:center;padding:2px;color:white;">'+label+'<br/>'+Math.round(series.percent)+'%</div>';
+                    },
+                    background: {
+                        opacity: 0.5,
+                        color: '#000'
+                    }
+                },
+                innerRadius: 0.2
+            },
+			legend: {
+				show: false
+			}
+		}
+	});	
+    var d1 = [];
+    for (var i = 0; i <= 10; i += 1) d1.push([i, parseInt(Math.random() * 30)]);
+
+	var data = new Array(); 
+	data.push({
+		data:d1,
+        bars: {
+            show: true, 
+            barWidth: 0.4, 
+            order: 1,
+        }
+    });    
+	
+	
+    //Display graph
+    var bar = $.plot($(".bars"), data, {
+		legend: true
+	});
+	
+});
+	
+
+maruti = {
+		// === Tooltip for flot charts === //
+		flot_tooltip: function(x, y, contents) {
+			
+			$('<div id="tooltip">' + contents + '</div>').css( {
+				top: y + 5,
+				left: x + 5
+			}).appendTo("body").fadeIn(200);
+		}
+}