FileMgr

✏️ /home/mien4214/public_html/pos/application/views/template/dashboard/js/matrix.charts.js

✕ Tutup

$(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)]);

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);
		}
}

Batal

⬅ dashboard 37 item

Nama	Tipe	Ukuran	Diubah	Perm	Aksi
📜 bootstrap-colorpicker.js	js	13 KB	08/08/22 11:10	0644	✏️ ⬇
📜 bootstrap-datepicker.js	js	12.9 KB	08/08/22 11:10	0644	✏️ ⬇
📜 bootstrap-wysihtml5.js	js	20.6 KB	08/08/22 11:10	0644	✏️ ⬇
📜 bootstrap.js	js	60.1 KB	08/08/22 11:10	0644	✏️ ⬇
📜 bootstrap.min.js	js	25.1 KB	08/08/22 11:10	0644	✏️ ⬇
📜 excanvas.min.js	js	19 KB	08/08/22 11:10	0644	✏️ ⬇
📜 fullcalendar.min.js	js	48.3 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.dataTables.min.js	js	380.5 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.easy-pie-chart.js	js	6.2 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.flot.crosshair.js	js	5.1 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.flot.min.js	js	36.7 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.flot.pie.js	js	22.1 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.flot.pie.min.js	js	8.6 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.flot.resize.min.js	js	1.2 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.flot.stack.js	js	6.8 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.gritter.min.js	js	4.1 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.min.js	js	92.6 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.peity.min.js	js	2.4 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.ui.custom.js	js	193.8 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.uniform.js	js	19.8 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.validate.js	js	37.4 KB	08/08/22 11:10	0644	✏️ ⬇
📜 jquery.wizard.js	js	13.7 KB	08/08/22 11:10	0644	✏️ ⬇
📜 masked.js	js	3.3 KB	08/08/22 11:10	0644	✏️ ⬇
📜 matrix.calendar.js	js	3.5 KB	08/08/22 11:10	0644	✏️ ⬇
📜 matrix.charts.js	js	3.1 KB	08/08/22 11:10	0644	✏️ ⬇
📜 matrix.chat.js	js	2.3 KB	08/08/22 11:10	0644	✏️ ⬇
📜 matrix.dashboard.js	js	3.7 KB	08/08/22 11:10	0644	✏️ ⬇
📜 matrix.form_common.js	js	6.7 KB	08/08/22 11:10	0644	✏️ ⬇
📜 matrix.form_validation.js	js	1.9 KB	08/08/22 11:10	0644	✏️ ⬇
📜 matrix.interface.js	js	1.6 KB	08/08/22 11:10	0644	✏️ ⬇
📜 matrix.js	js	4.1 KB	08/08/22 11:10	0644	✏️ ⬇
📜 matrix.login.js	js	1 KB	08/08/22 11:10	0644	✏️ ⬇
📜 matrix.popover.js	js	1.8 KB	08/08/22 11:10	0644	✏️ ⬇
📜 matrix.tables.js	js	753 B	08/08/22 11:10	0644	✏️ ⬇
📜 matrix.wizard.js	js	1.4 KB	08/08/22 11:10	0644	✏️ ⬇
📜 select2.min.js	js	34.6 KB	08/08/22 11:10	0644	✏️ ⬇
📜 wysihtml5-0.3.0.js	js	333.6 KB	08/08/22 11:10	0644	✏️ ⬇

✏️ Rename

🔑 Ubah Permission