One Hat Cyber Team

Your IP : 216.73.216.84

Server IP : 50.6.229.107

Server : Linux server.hostburly.com 5.14.0-611.38.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 10 17:21:28 EDT 2026 x86_64

Server Software : Apache

PHP Version : 8.2.30

Buat File | Buat Folder

Dir : ~/home/andjemzt/public_html/mailing/assets/js/

View File Name : index2.js

function canvasDoughnut() {
	
	if ($('.canvasDoughnut').length){

		document.querySelector(".chart-container").innerHTML = '<canvas class="canvasDoughnut" height="200" width="200"></canvas>';
		var chart_doughnut_settings = {
			type: 'doughnut',
			tooltipFillColor: "rgba(51, 51, 51, 0.55)",
			maintainAspectRatio: false,
			responsive: true,
			data: {
				labels: [
					"Local",
					"Domestic",
					"International",
				],
				datasets: [{
					data: [68, 55, 45],
					backgroundColor: [
						"#2dce89",
						myVarVal,
						"#ff5b51"
					],
					hoverBackgroundColor: [
						"#2dce89",
						myVarVal,
						"#ff5b51"
					]
				}]
			},
			options: {
				plugins: {
				  legend: {
					display: false,
				  }
				},
				cutout: "70%",
				// responsive: true,
			}
		}

		$('.canvasDoughnut').each(function(){
			

			var chart_element = $(this);
			var chart_doughnut = new Chart( chart_element, chart_doughnut_settings);

		});
	}
	
}

function myfirstchart() {

	var chartdata3 = [
		{
		name: 'Page Views',
		type: 'bar',
		barMaxWidth: 7,
		data: [1453, 3425, 7654, 3245, 4532, 5643, 7635, 5465, 6754, 5432, 5435, 6545],
		itemStyle: {
				normal: {
					barBorderRadius: [50, 50, 0, 0] ,
				}
		}
		},
		{
		name: 'New Visitors',
		type: 'bar',
		barMaxWidth: 7,
		data: [1123, 2435, 5463, 1245, 3245, 4534, 5435, 3452, 5432, 3452, 2564, 3456 ],
		itemStyle: {
				normal: {
					barBorderRadius: [50, 50, 0, 0] ,
				}
		}
		}
	];

	var option5 = {
		grid: {
		top: '6',
		right: '0',
		bottom: '17',
		left: '35',
		},
		tooltip: {
			show: true,
			showContent: true,
			alwaysShowContent: true,
			triggerOn: 'mousemove',
			trigger: 'axis',
			axisPointer:
			{
				label: {
					show: false,
				}
			}

		},
		xAxis: {
		data: ['Jan','Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
		axisLine: {
			lineStyle: {
			color: 'rgba(67, 87, 133, .09)'
			}
		},
		axisLabel: {
			fontSize: 10,
			color: '#8e9cad'
		}
		},
		yAxis: {
		splitLine: {
			lineStyle: {
			color: 'rgba(67, 87, 133, .09)'
			}
		},
		axisLine: {
			lineStyle: {
			color: 'rgba(67, 87, 133, .09)'
			}
		},
		axisLabel: {
			fontSize: 10,
			color: '#8e9cad'
		}
		},
		series: chartdata3,
		color:[ myVarVal, '#f72d66','#cedbfd']
	};
	var chart5 = document.getElementById('myfirstchart');
	var barChart5 = echarts.init(chart5);
	barChart5.setOption(option5);
	window.addEventListener('resize',function(){
		barChart5.resize();
	})
	
}

function chartcircleprimary() {
	$('#chart-circle-primary').circleProgress({
		fill: {
			color: myVarVal,
		},
		emptyFill: hexToRgba(myVarVal, 0.4),
	})
}