repsheet_visualizer 0.2.3 → 1.0.0

data/lib/repsheet_visualizer/application/public/js/demos/charts/flot/chart4.js

@@ -0,0 +1,69 @@
+$(function () {
+
+    var d1, data, chartOptions;
+
+    d1 = [
+        [1262304000000, 963] , [1264982400000, 1563] , [1267401600000, 2043] , [1270080000000, 2198]
+        , [1272672000000, 2660] , [1275350400000, 2782] , [1277942400000, 2430] , [1280620800000, 2427]
+        , [1283299200000, 2743] , [1285891200000, 3120] , [1288569600000, 3345] , [1291161600000, 3689]
+    ];
+
+    data = [{ 
+        label: "Total visitors", 
+        data: d1, 
+        color: '#e5412d' 
+    }];
+ 
+    chartOptions = {
+        xaxis: {
+            min: (new Date(2009, 12, 1)).getTime(),
+            max: (new Date(2010, 11, 2)).getTime(),
+            mode: "time",
+            tickSize: [2, "month"],
+            monthNames: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+            tickLength: 0
+        },
+        yaxis: {
+
+        },
+        series: {
+            lines: {
+                show: true, 
+                fill: true,
+                fillColor: { colors: [ { opacity: 0.5 }, { opacity: 0.2 } ] },
+                lineWidth: 1.5
+            },
+            points: {
+                show: true,
+                radius: 2.5,
+                fill: true,
+                fillColor: "#ffffff",
+                lineWidth: 1.1
+            }
+        },
+       grid: { 
+            hoverable: true, 
+            clickable: false, 
+            borderWidth: 0 
+        },
+        legend: {
+            show: false
+        },
+        
+        tooltip: true,
+
+        tooltipOpts: {
+            content: '%s: %y'
+        }
+    };
+
+    
+
+    var holder = $('#chart4');
+
+    if (holder.length) {
+        $.plot(holder, data, chartOptions );
+    }
+
+
+});

data/lib/repsheet_visualizer/application/public/js/demos/charts/flot/donut.js

@@ -0,0 +1,49 @@
+$(function () {
+
+	var data, chartOptions;
+	
+	data = [
+		{ label: "Product 1", data: Math.floor (Math.random() * 100 + 250) }, 
+		{ label: "Product 2", data: Math.floor (Math.random() * 100 + 350) }, 
+		{ label: "Product 3", data: Math.floor (Math.random() * 100 + 650) }, 
+		{ label: "Product 4", data: Math.floor (Math.random() * 100 + 50) },
+		{ label: "Product 5", data: Math.floor (Math.random() * 100 + 250) }
+	];
+
+	chartOptions = {		
+		series: {
+			pie: {
+				show: true,  
+				innerRadius: .5, 
+				stroke: {
+					width: 4
+				}
+			}
+		}, 
+			
+		legend: {
+			position: 'ne'
+		}, 
+		
+		tooltip: true,
+
+		tooltipOpts: {
+			content: '%s: %y'
+		},
+		
+		grid: {
+			hoverable: true
+		},
+
+		colors: App.chartColors
+	};
+
+
+    var holder = $('#donut-chart');
+
+    if (holder.length) {
+		$.plot(holder, data, chartOptions );
+    }
+		
+	
+});

data/lib/repsheet_visualizer/application/public/js/demos/charts/flot/horizontal.js

@@ -0,0 +1,56 @@
+$(function () {
+
+	var ds=[], data, chartOptions;
+
+	ds.push ([[2500, 1],[3400, 2],[3700, 3],[4500, 4]]);
+	ds.push ([[1300, 1],[2900, 2],[2500, 3],[2300, 4]]);
+	ds.push ([[800, 1],[1300, 2],[1900, 3],[1500, 4]]);
+
+    data = [ {
+    	label: 'Product 1',
+    	data: ds[1]
+    }, {
+    	label: 'Product 2',
+    	data: ds[0]
+    }, {
+    	label: 'Product 3',
+    	data: ds[2]
+    }];
+
+    chartOptions = {
+        xaxis: {
+            
+        },
+        grid: {
+            hoverable: true,
+            clickable: false,
+            borderWidth: 0
+        },
+        bars: {
+        	horizontal: true,
+	    	show: true,
+	    	barWidth: 8*24*60*60*300,
+	    	barWidth: .2,
+            fill: true,
+            lineWidth: 1,
+            order: true,
+            lineWidth: 0,
+			fillColor: { colors: [ { opacity: 1 }, { opacity: 1 } ] }
+	    },
+		
+		tooltip: true,
+
+		tooltipOpts: {
+			content: '%s: %x'
+		},
+	    colors: App.chartColors
+    }
+
+    var holder = $('#horizontal-chart');
+
+    if (holder.length) {
+        $.plot(holder, data, chartOptions );
+    }
+
+
+});

data/lib/repsheet_visualizer/application/public/js/demos/charts/flot/line.js

@@ -0,0 +1,76 @@
+$(function () {
+    
+    var d1, d2, data, chartOptions;
+
+    d1 = [
+        [1262304000000, 5], [1264982400000, 200], [1267401600000, 1605], [1270080000000, 1129], 
+        [1272672000000, 1163], [1275350400000, 1905], [1277942400000, 2002], [1280620800000, 2917], 
+        [1283299200000, 2700], [1285891200000, 2700], [1288569600000, 2100], [1291161600000, 1700]
+    ];
+ 
+    d2 = [
+        [1262304000000, 434], [1264982400000, 232], [1267401600000, 475], [1270080000000, 553],
+        [1272672000000, 675], [1275350400000, 679], [1277942400000, 789], [1280620800000, 1026], 
+        [1283299200000, 1640], [1285891200000, 1892], [1288569600000, 2147], [1291161600000, 2256]
+    ];
+
+    data = [{ 
+        label: "Total visitors", 
+        data: d1
+    }, {
+        label: "Total Sales",
+        data: d2
+    }];
+ 
+    chartOptions = {
+        xaxis: {
+            min: (new Date(2009, 12, 1)).getTime(),
+            max: (new Date(2010, 11, 2)).getTime(),
+            mode: "time",
+            tickSize: [1, "month"],
+            monthNames: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+            tickLength: 0
+        },
+        yaxis: {
+
+        },
+        series: {
+            lines: {
+                show: true, 
+                fill: false,
+                lineWidth: 3
+            },
+            points: {
+                show: true,
+                radius: 4.5,
+                fill: true,
+                fillColor: "#ffffff",
+                lineWidth: 2.75
+            }
+        },
+       grid: { 
+            hoverable: true, 
+            clickable: false, 
+            borderWidth: 0 
+        },
+        legend: {
+            show: true
+        },
+        
+        tooltip: true,
+        tooltipOpts: {
+            content: '%s: %y'
+        },
+        colors: App.chartColors
+    };
+
+    
+
+    var holder = $('#line-chart');
+
+    if (holder.length) {
+        $.plot(holder, data, chartOptions );
+    }
+
+
+});

data/lib/repsheet_visualizer/application/public/js/demos/charts/flot/pie.js

@@ -0,0 +1,50 @@
+$(function () {
+
+	var data, chartOptions;
+	
+	data = [
+		{ label: "Product 1", data: Math.floor (Math.random() * 100 + 250) }, 
+		{ label: "Product 2", data: Math.floor (Math.random() * 100 + 350) }, 
+		{ label: "Product 3", data: Math.floor (Math.random() * 100 + 650) }, 
+		{ label: "Product 4", data: Math.floor (Math.random() * 100 + 50) },
+		{ label: "Product 5", data: Math.floor (Math.random() * 100 + 250) }
+	];
+
+	chartOptions = {		
+		series: {
+			pie: {
+				show: true,  
+				innerRadius: 0, 
+				stroke: {
+					width: 4
+				}
+			}
+		}, 
+			
+		legend: {
+			position: 'ne'
+		}, 
+		
+		tooltip: true,
+		
+		tooltipOpts: {
+			content: '%s: %y'
+		},
+		
+		grid: {
+			hoverable: true
+		},
+
+		colors: App.chartColors
+	};
+
+    
+
+    var holder = $('#pie-chart');
+
+    if (holder.length) {
+        $.plot(holder, data, chartOptions );
+    }
+			
+	
+});

data/lib/repsheet_visualizer/application/public/js/demos/charts/flot/scatter.js

@@ -0,0 +1,62 @@
+$(function () {
+    
+    var d1, d2, data, chartOptions;
+
+    d1 = [[0,1],[1,2],[3,8],[5,4],[2,10],[1.2,9],[9,2],[46,41],[22,14],[20,12],[20,25],[7,5],[18,11],[31,20]];
+    d2 = [[50,40],[24,36],[20,42],[33,41],[51,39],[11,28],[32,16],[38,40],[35,22],[41,30],[21,18]];
+
+    data = [{ 
+        label: "Total visitors", 
+        data: d1
+    }, {
+        label: "Total Sales",
+        data: d2
+    }];
+ 
+    chartOptions = {
+        xaxis: {
+            
+        },
+        yaxis: {
+
+        },
+        series: {
+            lines: {
+                show: false, 
+                fill: false,
+                lineWidth: 3
+            },
+            points: {
+                show: true,
+                radius: 4,
+                fill: true,
+                lineWidth: 3
+            }
+        },
+       grid: { 
+            hoverable: true, 
+            clickable: false, 
+            borderWidth: 0 
+        },
+        legend: {
+            show: true
+        },
+        
+        tooltip: true,
+        tooltipOpts: {
+            content: '%s: %y'
+        },
+
+        colors: App.chartColors
+    };
+
+    
+
+    var holder = $('#scatter-chart');
+
+    if (holder.length) {
+        $.plot(holder, data, chartOptions );
+    }
+
+
+});

data/lib/repsheet_visualizer/application/public/js/demos/charts/flot/stacked-area.js

@@ -0,0 +1,86 @@
+$(function () {
+
+    var d1, d2, d3, data, chartOptions;
+
+    d1 = [
+        [1262304000000, 5], [1264982400000, 200], [1267401600000, 1605], [1270080000000, 1129],
+        [1272672000000, 1163], [1275350400000, 1905], [1277942400000, 2002], [1280620800000, 2917],
+        [1283299200000, 2700], [1285891200000, 2700], [1288569600000, 2100], [1291161600000, 1700]
+    ];
+
+    d2 = [
+        [1262304000000, 434], [1264982400000, 232], [1267401600000, 475], [1270080000000, 553],
+        [1272672000000, 675], [1275350400000, 679], [1277942400000, 789], [1280620800000, 1026],
+        [1283299200000, 1640], [1285891200000, 1892], [1288569600000, 2147], [1291161600000, 2256]
+    ];
+
+    d3 = [
+        [1262304000000, 632], [1264982400000, 487], [1267401600000, 623], [1270080000000, 789],
+        [1272672000000, 892], [1275350400000, 853], [1277942400000, 952], [1280620800000, 1245],
+        [1283299200000, 1872], [1285891200000, 2036], [1288569600000, 2345], [1291161600000, 2498]
+    ];
+
+    data = [{
+        label: "Total visitors",
+        data: d1
+    }, {
+        label: "Total sales",
+        data: d2
+    }, {
+        label: "Total visitors",
+        data: d3
+    }];
+
+    chartOptions = {
+        xaxis: {
+            min: (new Date(2009, 12, 1)).getTime(),
+            max: (new Date(2010, 11, 2)).getTime(),
+            mode: "time",
+            tickSize: [1, "month"],
+            monthNames: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+            tickLength: 0
+        },
+        yaxis: {
+
+        },
+        series: {
+            stack: true,
+            lines: {
+                show: true,
+                fill: true,
+                lineWidth: 3
+            },
+            points: {
+                show: false,
+                radius: 4.5,
+                fill: true,
+                fillColor: "#ffffff",
+                lineWidth: 2.75
+            }
+        },
+        grid: {
+            hoverable: true,
+            clickable: false,
+            borderWidth: 0
+        },
+        legend: {
+            show: true
+        },
+
+        tooltip: true,
+        tooltipOpts: {
+            content: '%s: %y'
+        },
+        colors: App.chartColors
+    };
+
+
+
+    var holder = $('#stacked-area-chart');
+
+    if (holder.length) {
+        $.plot(holder, data, chartOptions );
+    }
+
+
+});