Warning: include(/home/virtual/kjfm/journal/include/include.pop_header.php): failed to open stream: No such file or directory in /home/virtual/kjfm/journal/metrics/metrics_total_down_ref.php on line 9

Warning: include(): Failed opening '/home/virtual/kjfm/journal/include/include.pop_header.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/virtual/kjfm/journal/metrics/metrics_total_down_ref.php on line 9
  <script type="text/javascript">
  window.onload = function () {
    var chartmetrics1 = new CanvasJS.Chart("metrics1",
    {      
        title:{
            text: "Hits and Downloads"
        },
        animationEnabled: true,
        axisY :{
            includeZero: false,
            prefix: ""
        },
        toolTip: {
            shared: true,
            content: "<span style='\"'color: {color};'\"'><strong>{name}</strong></span> <span style='\"'color: dimgrey;'\"'>{y}</span> "
        },
        legend: {
			fontSize: 13
        },
        data: [
        {    
            type: "splineArea", 
            showInLegend: true,
            name: "Hits",
			color: "rgba(54, 158, 173,.9)",
            dataPoints: [
				{ x: new Date(2025, 5), y: 170413 },
{ x: new Date(2025, 4), y: 131170 },
{ x: new Date(2025, 3), y: 154060 },
{ x: new Date(2025, 2), y: 279482 },
{ x: new Date(2025, 1), y: 297706 },
{ x: new Date(2025, 0), y: 147670 },
{ x: new Date(2024, 11), y: 141079 },
{ x: new Date(2024, 10), y: 164374 },
{ x: new Date(2024, 9), y: 125216 },
{ x: new Date(2024, 8), y: 135149 },
{ x: new Date(2024, 7), y: 166993 },
{ x: new Date(2024, 6), y: 234618 },
{ x: new Date(2024, 5), y: 163197 },
{ x: new Date(2024, 4), y: 110570 },
{ x: new Date(2024, 3), y: 156139 },
{ x: new Date(2024, 2), y: 133235 },
{ x: new Date(2024, 1), y: 105907 },
{ x: new Date(2024, 0), y: 104361 },
{ x: new Date(2023, 11), y: 226921 },
{ x: new Date(2023, 10), y: 149220 },
{ x: new Date(2023, 9), y: 121765 },
{ x: new Date(2023, 8), y: 133797 },
{ x: new Date(2023, 7), y: 91808 },
{ x: new Date(2023, 6), y: 104537 }
				]
			},
			{        
  
				type: "splineArea", 
				showInLegend: true,
				name: "Downloads",        
				color: "rgba(169, 105, 106,.9)",
				dataPoints: [
				{ x: new Date(2025, 5), y: 582 },
{ x: new Date(2025, 4), y: 1963 },
{ x: new Date(2025, 3), y: 1260 },
{ x: new Date(2025, 2), y: 1366 },
{ x: new Date(2025, 1), y: 886 },
{ x: new Date(2025, 0), y: 795 },
{ x: new Date(2024, 11), y: 1338 },
{ x: new Date(2024, 10), y: 1492 },
{ x: new Date(2024, 9), y: 1466 },
{ x: new Date(2024, 8), y: 1647 },
{ x: new Date(2024, 7), y: 1445 },
{ x: new Date(2024, 6), y: 1647 },
{ x: new Date(2024, 5), y: 1207 },
{ x: new Date(2024, 4), y: 1375 },
{ x: new Date(2024, 3), y: 1650 },
{ x: new Date(2024, 2), y: 1727 },
{ x: new Date(2024, 1), y: 937 },
{ x: new Date(2024, 0), y: 905 },
{ x: new Date(2023, 11), y: 871 },
{ x: new Date(2023, 10), y: 1421 },
{ x: new Date(2023, 9), y: 1023 },
{ x: new Date(2023, 8), y: 1139 },
{ x: new Date(2023, 7), y: 1137 },
{ x: new Date(2023, 6), y: 1425 }

				]
			}

        ]
    });

	chartmetrics1.render();
	chartmetrics1 ={};

	

		var chartmetrics2 = new CanvasJS.Chart("metrics2",
		{

			animationEnabled: true,
			title:{
				text: "Crossref citations"
			},
			data: [
			{
				type: "column", //change type to bar, line, area, pie, etc
				dataPoints: [
				{ label: "2009", y: 5},
{ label: "2010", y: 18},
{ label: "2011", y: 45},
{ label: "2012", y: 70},
{ label: "2013", y: 143},
{ label: "2014", y: 203},
{ label: "2015", y: 274},
{ label: "2016", y: 332},
{ label: "2017", y: 345},
{ label: "2018", y: 466},
{ label: "2019", y: 499},
{ label: "2020", y: 722},
{ label: "2021", y: 950},
{ label: "2022", y: 1184},
{ label: "2023", y: 1174},
{ label: "2024", y: 1510},
{ label: "2025", y: 789},

				]
			}
			]
			});



		chartmetrics2.render();
		chartmetrics2 ={};

	

	var chartmetrics3 = new CanvasJS.Chart("metrics3", {
		animationEnabled: true,
		title: {
			text: "Source Titles (2023 ~ 2025)"
		},
		axisX: {
			interval: 1
		},
		axisY: {
			title: "Record Count",
			scaleBreaks: {
				type: "wavy",
				customBreaks: [{
					startValue: 80,
					endValue: 210
					},
					{
						startValue: 230,
						endValue: 600
					}
			]}
		},
		data: [{
			type: "bar",
			toolTipContent: "<b>{label}</b><br>Record Count: {y} ({per}%)",
			dataPoints: [
			
			{ label: "Journal of Clinical Medicine", y: 36, per:1.04 },
{ label: "Journal of the Korean Medical Association", y: 40, per:1.15 },
{ label: "Frontiers in Public Health", y: 41, per:1.18 },
{ label: "Healthcare", y: 44, per:1.27 },
{ label: "BMC Public Health", y: 52, per:1.50 },
{ label: "Cureus", y: 68, per:1.96 },
{ label: "Nutrients", y: 68, per:1.96 },
{ label: "Scientific Reports", y: 69, per:1.99 },
{ label: "PLOS ONE", y: 69, per:1.99 },
{ label: "Korean Journal of Family Medicine", y: 117, per:3.37 },

			]
		}]
	});
		chartmetrics3.render();
		chartmetrics3 ={};

	

	
		var chart = new CanvasJS.Chart("chartCrossref", {
			animationEnabled: true,
			title:{
				text: "Resolution Report for prefix 10.4082 "
			},
			axisX: {
				valueFormatString: "DD MMM,YY"
			},
			axisY: {
				title: "",
				includeZero: false,
				suffix: ""
			},
			legend:{
				cursor: "pointer",
				fontSize: 13,
				itemclick: toggleDataSeries
			},
			toolTip:{
				shared: true
			},
			data: [{
				name: "Resolution Attempts",
				type: "spline",

				showInLegend: true,
				dataPoints: [

				{ x: new Date(2025, 4), y: 23811 },
{ x: new Date(2025, 3), y: 27663 },
{ x: new Date(2025, 2), y: 28407 },
{ x: new Date(2025, 1), y: 23114 },
{ x: new Date(2025, 0), y: 25689 },
{ x: new Date(2024, 11), y: 21354 },
{ x: new Date(2024, 10), y: 27022 },
{ x: new Date(2024, 9), y: 20380 },
{ x: new Date(2024, 8), y: 21525 },
{ x: new Date(2024, 7), y: 21587 },
{ x: new Date(2024, 6), y: 20331 },
{ x: new Date(2024, 5), y: 20394 },
{ x: new Date(2024, 4), y: 22840 },
{ x: new Date(2024, 3), y: 26008 },
{ x: new Date(2024, 2), y: 20033 },
{ x: new Date(2024, 1), y: 16048 },
{ x: new Date(2024, 0), y: 19117 },
{ x: new Date(2023, 11), y: 20270 },
{ x: new Date(2023, 10), y: 18150 },
{ x: new Date(2023, 9), y: 16055 },
{ x: new Date(2023, 8), y: 12924 },
{ x: new Date(2023, 7), y: 10335 },
{ x: new Date(2023, 6), y: 9774 },
{ x: new Date(2023, 5), y: 10384 },

				]
			},
			{
				name: "Resolution Successes",
				type: "spline",

				showInLegend: true,
				dataPoints: [
				{ x: new Date(2025, 4), y: 23046 },
{ x: new Date(2025, 3), y: 26580 },
{ x: new Date(2025, 2), y: 27655 },
{ x: new Date(2025, 1), y: 22484 },
{ x: new Date(2025, 0), y: 25256 },
{ x: new Date(2024, 11), y: 20997 },
{ x: new Date(2024, 10), y: 26532 },
{ x: new Date(2024, 9), y: 19854 },
{ x: new Date(2024, 8), y: 21001 },
{ x: new Date(2024, 7), y: 20996 },
{ x: new Date(2024, 6), y: 19523 },
{ x: new Date(2024, 5), y: 19634 },
{ x: new Date(2024, 4), y: 22180 },
{ x: new Date(2024, 3), y: 25222 },
{ x: new Date(2024, 2), y: 19469 },
{ x: new Date(2024, 1), y: 15641 },
{ x: new Date(2024, 0), y: 18869 },
{ x: new Date(2023, 11), y: 19500 },
{ x: new Date(2023, 10), y: 16039 },
{ x: new Date(2023, 9), y: 15632 },
{ x: new Date(2023, 8), y: 12711 },
{ x: new Date(2023, 7), y: 10052 },
{ x: new Date(2023, 6), y: 9488 },
{ x: new Date(2023, 5), y: 10094 },
				]
			
			}]
		});
		chart.render();

		function toggleDataSeries(e){
			if (typeof(e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
				e.dataSeries.visible = false;
			}
			else{
				e.dataSeries.visible = true;
			}
			chart.render();
		}
	
}
</script>

<script type="text/javascript" src="/script/canvasjs.min.js"></script>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="padding-left:0px">
<tr>
	<td width="100%" bgcolor="#ffffff"><img src="/image/TOC/toc_top.gif" alt='' border="0"></td>
</tr>
<tr>
	<td valign="top" style="padding:0px 20px 20px 20px;"><div id="metrics1" style="height: 210px; width: 100%;"></div></td>
</tr>


	<tr>
		<td valign="top" style="padding:0px 20px 10px 20px;"><div id="chartCrossref" style="height: 210px; width: 100%;"></div></td>
	</tr>



	<tr>
		<td valign="top" style="padding:10px 20px 10px 20px;"><div id="metrics2" style="height: 210px; width: 100%;"></div></td>
	</tr>

	<tr>
		<td valign="top" style="padding:10px 20px 10px 20px;"><div id="metrics3" style="height: 210px; width: 100%;"></div></td>
	</tr> 

</table>
<!--

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="/script/canvasjs.min.js"></script>
<script type="text/javascript" src="/script/jquery.js"></script>
<link rel="stylesheet" media="all" href="https://publishing.m2comm.kr/script/mapjs/jquery-jvectormap.css"/>
<script src="https://publishing.m2comm.kr/script/mapjs/jquery-jvectormap.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/lib/jquery-mousewheel.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/jvectormap.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/abstract-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/abstract-canvas-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/abstract-shape-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/svg-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/svg-group-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/svg-canvas-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/svg-shape-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/svg-path-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/svg-circle-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/svg-image-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/svg-text-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/vml-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/vml-group-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/vml-canvas-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/vml-shape-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/vml-path-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/vml-circle-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/vml-image-element.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/map-object.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/region.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/marker.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/vector-canvas.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/simple-scale.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/ordinal-scale.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/numeric-scale.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/color-scale.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/legend.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/data-series.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/proj.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/src/map.js"></script>
<script src="https://publishing.m2comm.kr/script/mapjs/tests/assets/jquery-jvectormap-world-mill-en.js"></script>

<style>
	.table_a table{
		border: 1px solid; border-collapse: collapse; text-align: center;
	}
	.table_td { padding: 8px 5px;}
	.table_a th{ ;background-color: #0180D1; color: #ffffff;  }
	/* 짝수줄만 배경색을 다르게 */
	.table_a tr:nth-child(2n-1){background-color: #E5F2FA;}
	.table_a td:nth-child(1){width: 40%;}

	.select_box{
			padding-left:30px;
			padding-top:20px;
	}

	#mapjs { border-top: 0px solid #eeeeee}
	.table_a a:link { color:#fff}
	.btn_ex {border:solid 1.4px;padding:5px;color:#ffffff; text-decoration:none;font-weight:bold;font-size:15px;background:#0180D1;}

    .jvectormap-zoomin, .jvectormap-zoomout { display:none;}
    #mapjs {width: 753px; height: 400px; border-bottom:1px solid #eeeeee;border-top:0px solid #eeeeee; padding:5px 4px 7px 4px;}
</style>



<div style="padding:30px 20px;">
	<p style='text-align:center;font-weight:bold;font-size:18pt;border-bottom:3px solid #0081D0'>Country-specific access statistics</p>

	<form name='date_form' method='post' style='text-align:right;padding:10px 0px 5px 0px;'>
		<input type='hidden' name='select_date' value="{date}"/>
		<input type='hidden' name='re_ck' value='0'/>
		<select id='date_select' name='date_select'   style='padding:4px;font-weight:bold;'>
		<option value='2025-06' selected>this month</option><option value='2025-05'>1 month ago</option><option value='2025-04'>2 month ago</option><option value='2025-03'>3 month ago</option><option value='2025-02'>4 month ago</option><option value='2025-01'>5 month ago</option><option value='2024-12'>6 month ago</option><option value='2024-11'>7 month ago</option><option value='2024-10'>8 month ago</option><option value='2024-09'>9 month ago</option><option value='2024-08'>10 month ago</option><option value='2024-07'>11 month ago</option><option value='2024-06'>1 year ago</option><option value='2024-05'>1 year 1 month ago</option><option value='2024-04'>1 year 2 month ago</option><option value='2024-03'>1 year 3 month ago</option><option value='2024-02'>1 year 4 month ago</option><option value='2024-01'>1 year 5 month ago</option><option value='2023-12'>1 year 6 month ago</option><option value='2023-11'>1 year 7 month ago</option><option value='2023-10'>1 year 8 month ago</option><option value='2023-09'>1 year 9 month ago</option><option value='2023-08'>1 year 10 month ago</option><option value='2023-07'>1 year 11 month ago</option><option value='2023-06'>2 year ago</option><option value='2023-05'>2 year 1 month ago</option><option value='2023-04'>2 year 2 month ago</option><option value='2023-03'>2 year 3 month ago</option><option value='2023-02'>2 year 4 month ago</option><option value='2023-01'>2023-01</option><option value='2022-12'>2022-12</option><option value='2022-11'>2022-11</option><option value='2022-10'>2022-10</option><option value='2022-09'>2022-09</option><option value='2022-08'>2022-08</option><option value='2022-07'>2022-07</option><option value='2022-06'>2022-06</option><option value='2022-05'>2022-05</option><option value='2022-04'>2022-04</option><option value='2022-03'>2022-03</option><option value='2022-02'>2022-02</option><option value='2022-01'>2022-01</option><option value='2021-12'>2021-12</option><option value='2021-11'>2021-11</option><option value='2021-10'>2021-10</option><option value='2021-09'>2021-09</option><option value='2021-08'>2021-08</option><option value='2021-07'>2021-07</option>		</select>
	</form>

	 <div id="Context">
		
	

		

	<div id="ajax_mapjs">
		<div id="mapjs">

		</div>

		<table style='padding:20px 10px;'>
			<tr>
				<td valign='top' width="500px" ><div id="chartContainer" style="width:450px;height:340px;"></div></td>

				<td valign='top' width="233px">
					
					<table name="table_a" class="table_a" style="width:280px;font-size:13px;border: 1px solid #eeeeee;">
						<colgroup>
							<col width="60%">
							<col width="40%">
						</colgroup>
						<tr>
							<th class="table_td" style='font-size:11.5pt;text-align:left;padding-left:25px;'><b>Country<b/></th><th class="table_td" style='font-size:11.5pt !important;'><b>Reference</b></th>
						</tr>

												<tr>
							<td class="table_td"><b style="padding-left:20px;padding:right:0px;">United States</b></td>
							<td class="table_td" style="text-align: center;"><b style="padding-left:5px;">135,341</b></td>
						
						</tr>	
											</table>
					<table style="width:280px;height::400px;font-size:13px;">
						<tr>
							<td colspan="2" style="text-align:right;padding-top:35px;background-color:#ffffff;">
								<a href='https://einj.org/metrics/excel.php?mode=all&select_date=2025-06&path=L2hvbWUvdmlydHVhbC9ramZtL2pvdXJuYWwv' class="btn_ex" style="color:#ffffff;" >Excel Download</a>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</div> 
</div>
<script>

 function dateChange(e){
	 document.date_form.select_date.value = e.value;
	 document.date_form.submit();
  }
</script>
<script>
	$(document).ready(function(){ 
		$('#date_select').on('change', function(e){
			if(this.value !== ""){
				var optVal = $(this).find(":selected").val();
					e.preventDefault();	
					$.ajax({
						type:'post',
						url:'https://einj.org/metrics/map_ajax.php',
							dataType:"html",
						data: {select_date:optVal,number:"",mode:"all",path:"L2hvbWUvdmlydHVhbC9ramZtL2pvdXJuYWwv",access_url:"https://kjfm.or.kr"}, 
						error:function(){
							alert('fail.');
						},
						success:function(result){
							if(result){
							 $('#ajax_mapjs').html(result);
							}
						}
					});
			}
		});
	});


	jQuery.noConflict();
	jQuery(function(){
	  var $ = jQuery;
	  
	  var Data = {"US": 135341,};
	  console.log(Data);	
	  $('#focus-single').click(function(){
		$('#mapjs').vectorMap('set', 'focus', {region: 'AU', animate: true});
	  });
	  $('#focus-multiple').click(function(){
		$('#mapjs').vectorMap('set', 'focus', {regions: ['AU', 'JP'], animate: true});
	  });
	  $('#focus-coords').click(function(){
		$('#mapjs').vectorMap('set', 'focus', {scale: 7, lat: 35, lng: 33, animate: true});
	  });
	  $('#focus-init').click(function(){
		$('#mapjs').vectorMap('set', 'focus', {scale: 1, x: 0.5, y: 0.5, animate: true});
	  });
	  $('#mapjs').vectorMap({
		map: 'world_mill_en',
		backgroundColor: '#ffffff',
		panOnDrag: true,
		regionStyle: {
		  initial: {
			fill: '#D2E2F2'
		  }
		},
		zoomOnScroll: false,
		series: {
		  regions: [{
			scale: ['#86BED2', '#36ACD7', '#0E9ED2', '#0080D0'],
			normalizeFunction: 'polynomial',
			values: Data
		  }]
		},
		onRegionTipShow: function(e, el, code){
			if(Data[code]){
				el.html(el.html()+' : ('+Data[code]+')');
			}
		  }
	  });
	})


	var Data_pie = [{ y: 79.4, label: "United States", x: 135341},{ y: 20.6, label: "Others", x: 20.6},];


	window.addEventListener('load', function() {

		CanvasJS.addColorSet("colorset",
		[
		"#33567E",
		"#3B6190",
		"#416C9F",
		"#4774AB",
		"#4C7DB7",
		"#4774AB",
		"#4C7DB7",
		"#658DC1",
		"#8AA3CC",
		"#A4B4D5",
		"#BAC6DE",
		"#CCD5E6"
		]);


		var chart10 = new CanvasJS.Chart("chartContainer",
		{	
			colorSet: "colorset",
			theme: "light2",
			title:{
				text: "Top 10 countries",
				fontSize:18,
				fontWeight: "bold"
			},		
			data: [
			{       
				type: "pie",
				exportEnabled: true,
				animationEnabled: true,
				startAngle: 25,

				toolTipContent: "<b>{label}</b> - {y}% ({x}) ",
				legendText: "{label} ",
				indexLabelFontSize: 11,
				indexLabel: " {label} - {y}% ",

				dataPoints: [{ y: 79.4, label: "United States", x: 135341},{ y: 20.6, label: "Others", x: 20.6},]
			}]
		});
		chart10.render();
	});

</script>
-->
<script>

$(document).ready(function() {
    window.resizeTo(840, 845);
});
</script>
</body>
</html>