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

Warning: include(): Failed opening '/home/virtual/kjccm/journal/include/include.pop_header.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/virtual/kjccm/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(2023, 1), y: 6978 },
{ x: new Date(2023, 0), y: 70948 },
{ x: new Date(2022, 11), y: 98266 },
{ x: new Date(2022, 10), y: 212244 },
{ x: new Date(2022, 9), y: 95317 },
{ x: new Date(2022, 8), y: 70956 },
{ x: new Date(2022, 7), y: 89694 },
{ x: new Date(2022, 6), y: 84344 },
{ x: new Date(2022, 5), y: 78249 },
{ x: new Date(2022, 4), y: 80929 },
{ x: new Date(2022, 3), y: 87981 },
{ x: new Date(2022, 2), y: 110511 },
{ x: new Date(2022, 1), y: 88122 },
{ x: new Date(2022, 0), y: 78821 },
{ x: new Date(2021, 11), y: 68643 },
{ x: new Date(2021, 10), y: 71763 },
{ x: new Date(2021, 9), y: 65770 },
{ x: new Date(2021, 8), y: 65669 },
{ x: new Date(2021, 7), y: 76763 },
{ x: new Date(2021, 6), y: 116372 },
{ x: new Date(2021, 5), y: 123104 },
{ x: new Date(2021, 4), y: 132498 },
{ x: new Date(2021, 3), y: 71347 },
{ x: new Date(2021, 2), y: 51356 }
				]
			},
			{        
  
				type: "splineArea", 
				showInLegend: true,
				name: "Downloads",        
				color: "rgba(169, 105, 106,.9)",
				dataPoints: [
				{ x: new Date(2023, 1), y: 155 },
{ x: new Date(2023, 0), y: 1770 },
{ x: new Date(2022, 11), y: 3100 },
{ x: new Date(2022, 10), y: 2453 },
{ x: new Date(2022, 9), y: 3591 },
{ x: new Date(2022, 8), y: 2872 },
{ x: new Date(2022, 7), y: 2048 },
{ x: new Date(2022, 6), y: 1892 },
{ x: new Date(2022, 5), y: 2606 },
{ x: new Date(2022, 4), y: 1813 },
{ x: new Date(2022, 3), y: 1610 },
{ x: new Date(2022, 2), y: 1777 },
{ x: new Date(2022, 1), y: 1338 },
{ x: new Date(2022, 0), y: 952 },
{ x: new Date(2021, 11), y: 1089 },
{ x: new Date(2021, 10), y: 1319 },
{ x: new Date(2021, 9), y: 1183 },
{ x: new Date(2021, 8), y: 1443 },
{ x: new Date(2021, 7), y: 1296 },
{ x: new Date(2021, 6), y: 1618 },
{ x: new Date(2021, 5), y: 1292 },
{ x: new Date(2021, 4), y: 1621 },
{ x: new Date(2021, 3), y: 1115 },
{ x: new Date(2021, 2), y: 1322 }

				]
			}

        ]
    });

	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: 3},
{ label: "2010", y: 7},
{ label: "2011", y: 20},
{ label: "2012", y: 37},
{ label: "2013", y: 35},
{ label: "2014", y: 38},
{ label: "2015", y: 51},
{ label: "2016", y: 45},
{ label: "2017", y: 52},
{ label: "2018", y: 40},
{ label: "2019", y: 99},
{ label: "2020", y: 181},
{ label: "2021", y: 366},
{ label: "2022", y: 520},
{ label: "2023", y: 54},

				]
			}
			]
			});



		chartmetrics2.render();
		chartmetrics2 ={};

	

	var chartmetrics3 = new CanvasJS.Chart("metrics3", {
		animationEnabled: true,
		title: {
			text: "Source Titles (2021 ~ 2023)"
		},
		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: "Medicine", y: 9, per:0.96 },
{ label: "Cureus", y: 9, per:0.96 },
{ label: "Shock", y: 9, per:0.96 },
{ label: "Journal of Korean Medical Science", y: 10, per:1.06 },
{ label: "Scientific Reports", y: 10, per:1.06 },
{ label: "Journal of the Korean Medical Association", y: 11, per:1.17 },
{ label: "Critical Care Medicine", y: 11, per:1.17 },
{ label: "Journal of Clinical Medicine", y: 13, per:1.38 },
{ label: "PLOS ONE", y: 16, per:1.70 },
{ label: "Acute and Critical Care", y: 42, per:4.47 },

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

	

	
		var chart = new CanvasJS.Chart("chartCrossref", {
			animationEnabled: true,
			title:{
				text: "Resolution Report for prefix 10.4266 "
			},
			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(2022, 11), y: 13618 },
{ x: new Date(2022, 10), y: 10851 },
{ x: new Date(2022, 9), y: 11154 },
{ x: new Date(2022, 8), y: 8129 },
{ x: new Date(2022, 7), y: 9344 },
{ x: new Date(2022, 6), y: 11429 },
{ x: new Date(2022, 5), y: 7373 },
{ x: new Date(2022, 4), y: 8060 },
{ x: new Date(2022, 3), y: 7844 },
{ x: new Date(2022, 2), y: 11853 },
{ x: new Date(2022, 1), y: 8482 },
{ x: new Date(2022, 0), y: 5285 },
{ x: new Date(2021, 11), y: 8594 },
{ x: new Date(2021, 9), y: 6167 },
{ x: new Date(2021, 8), y: 6709 },
{ x: new Date(2021, 7), y: 8571 },
{ x: new Date(2021, 6), y: 4804 },
{ x: new Date(2021, 5), y: 5569 },
{ x: new Date(2021, 4), y: 6532 },
{ x: new Date(2021, 3), y: 4201 },
{ x: new Date(2021, 2), y: 5590 },
{ x: new Date(2021, 1), y: 4197 },
{ x: new Date(2021, 0), y: 4962 },
{ x: new Date(2020, 11), y: 5012 },

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

				showInLegend: true,
				dataPoints: [
				{ x: new Date(2022, 11), y: 13403 },
{ x: new Date(2022, 10), y: 10557 },
{ x: new Date(2022, 9), y: 10918 },
{ x: new Date(2022, 8), y: 7953 },
{ x: new Date(2022, 7), y: 9115 },
{ x: new Date(2022, 6), y: 11220 },
{ x: new Date(2022, 5), y: 7147 },
{ x: new Date(2022, 4), y: 7813 },
{ x: new Date(2022, 3), y: 7584 },
{ x: new Date(2022, 2), y: 11416 },
{ x: new Date(2022, 1), y: 8367 },
{ x: new Date(2022, 0), y: 5173 },
{ x: new Date(2021, 11), y: 8452 },
{ x: new Date(2021, 9), y: 6011 },
{ x: new Date(2021, 8), y: 6683 },
{ x: new Date(2021, 7), y: 8548 },
{ x: new Date(2021, 6), y: 4781 },
{ x: new Date(2021, 5), y: 5558 },
{ x: new Date(2021, 4), y: 6473 },
{ x: new Date(2021, 3), y: 4070 },
{ x: new Date(2021, 2), y: 5561 },
{ x: new Date(2021, 1), y: 4167 },
{ x: new Date(2021, 0), y: 4932 },
{ x: new Date(2020, 11), y: 4978 },
				]
			
			}]
		});
		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='2023-02' selected>this month</option><option value='2023-01'>1 month ago</option><option value='2022-12'>2 month ago</option><option value='2022-11'>3 month ago</option><option value='2022-10'>4 month ago</option><option value='2022-09'>5 month ago</option><option value='2022-08'>6 month ago</option><option value='2022-07'>7 month ago</option><option value='2022-06'>8 month ago</option><option value='2022-05'>9 month ago</option><option value='2022-04'>10 month ago</option><option value='2022-03'>11 month ago</option><option value='2022-02'>1 year ago</option><option value='2022-01'>1 year 1 month ago</option><option value='2021-12'>1 year 2 month ago</option><option value='2021-11'>1 year 3 month ago</option><option value='2021-10'>1 year 4 month ago</option><option value='2021-09'>1 year 5 month ago</option><option value='2021-08'>1 year 6 month ago</option><option value='2021-07'>1 year 7 month ago</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;">2,481</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=2023-02&path=L2hvbWUvdmlydHVhbC9ramNjbS9qb3VybmFsLw==' 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:"L2hvbWUvdmlydHVhbC9ramNjbS9qb3VybmFsLw==",access_url:"https://accjournal.org"}, 
						error:function(){
							alert('fail.');
						},
						success:function(result){
							if(result){
							 $('#ajax_mapjs').html(result);
							}
						}
					});
			}
		});
	});


	jQuery.noConflict();
	jQuery(function(){
	  var $ = jQuery;
	  
	  var Data = {"US": 2481,};
	  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: 35.6, label: "United States", x: 2481},{ y: 64.4, label: "Others", x: 64.4},];


	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: 35.6, label: "United States", x: 2481},{ y: 64.4, label: "Others", x: 64.4},]
			}]
		});
		chart10.render();
	});

</script>
-->
<script>

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