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

Warning: include(): Failed opening '/home/virtual/e-rvs/journal/include/include.pop_header.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/virtual/e-rvs/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(2024, 3), y: 31805 },
{ x: new Date(2024, 2), y: 29603 },
{ x: new Date(2024, 1), y: 23928 },
{ x: new Date(2024, 0), y: 36386 },
{ x: new Date(2023, 11), y: 24252 },
{ x: new Date(2023, 10), y: 30166 },
{ x: new Date(2023, 9), y: 38335 },
{ x: new Date(2023, 8), y: 41171 },
{ x: new Date(2023, 7), y: 27542 },
{ x: new Date(2023, 6), y: 29546 },
{ x: new Date(2023, 5), y: 41143 },
{ x: new Date(2023, 4), y: 34804 },
{ x: new Date(2023, 3), y: 35006 },
{ x: new Date(2023, 2), y: 42603 },
{ x: new Date(2023, 1), y: 34766 },
{ x: new Date(2023, 0), y: 41467 },
{ x: new Date(2022, 11), y: 51763 },
{ x: new Date(2022, 10), y: 65628 },
{ x: new Date(2022, 9), y: 40860 },
{ x: new Date(2022, 8), y: 39257 },
{ x: new Date(2022, 7), y: 37285 },
{ x: new Date(2022, 6), y: 40208 },
{ x: new Date(2022, 5), y: 39613 },
{ x: new Date(2022, 4), y: 42195 }
				]
			},
			{        
  
				type: "splineArea", 
				showInLegend: true,
				name: "Downloads",        
				color: "rgba(169, 105, 106,.9)",
				dataPoints: [
				{ x: new Date(2024, 3), y: 237 },
{ x: new Date(2024, 2), y: 330 },
{ x: new Date(2024, 1), y: 244 },
{ x: new Date(2024, 0), y: 448 },
{ x: new Date(2023, 11), y: 393 },
{ x: new Date(2023, 10), y: 466 },
{ x: new Date(2023, 9), y: 506 },
{ x: new Date(2023, 8), y: 504 },
{ x: new Date(2023, 7), y: 525 },
{ x: new Date(2023, 6), y: 840 },
{ x: new Date(2023, 5), y: 565 },
{ x: new Date(2023, 4), y: 577 },
{ x: new Date(2023, 3), y: 607 },
{ x: new Date(2023, 2), y: 674 },
{ x: new Date(2023, 1), y: 378 },
{ x: new Date(2023, 0), y: 590 },
{ x: new Date(2022, 11), y: 564 },
{ x: new Date(2022, 10), y: 731 },
{ x: new Date(2022, 9), y: 613 },
{ x: new Date(2022, 8), y: 846 },
{ x: new Date(2022, 7), y: 517 },
{ x: new Date(2022, 6), y: 472 },
{ x: new Date(2022, 5), y: 606 },
{ x: new Date(2022, 4), y: 688 }

				]
			}

        ]
    });

	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: "2017", y: 2},
{ label: "2018", y: 3},
{ label: "2019", y: 12},
{ label: "2020", y: 8},
{ label: "2021", y: 14},
{ label: "2022", y: 26},
{ label: "2023", y: 28},
{ label: "2024", y: 6},

				]
			}
			]
			});



		chartmetrics2.render();
		chartmetrics2 ={};

	

	var chartmetrics3 = new CanvasJS.Chart("metrics3", {
		animationEnabled: true,
		title: {
			text: "Source Titles (2022 ~ 2024)"
		},
		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: "Otolaryngology–Head and Neck Surgery", y: 2, per:3.33 },
{ label: "Audiology - Communication Research", y: 2, per:3.33 },
{ label: "European Archives of Oto-Rhino-Laryngology", y: 2, per:3.33 },
{ label: "The Egyptian Journal of Otolaryngology", y: 2, per:3.33 },
{ label: "Journal of the Korean Neurological Association", y: 2, per:3.33 },
{ label: "Journal of Vestibular Research", y: 2, per:3.33 },
{ label: "Cureus", y: 2, per:3.33 },
{ label: "Ear & Hearing", y: 2, per:3.33 },
{ label: "Hearing, Balance and Communication", y: 2, per:3.33 },
{ label: "Research in Vestibular Science", y: 13, per:21.67 },

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

	

	
		var chart = new CanvasJS.Chart("chartCrossref", {
			animationEnabled: true,
			title:{
				text: "Resolution Report for prefix 10.21790 "
			},
			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(2024, 2), y: 842 },
{ x: new Date(2024, 1), y: 677 },
{ x: new Date(2024, 0), y: 1328 },
{ x: new Date(2023, 11), y: 2226 },
{ x: new Date(2023, 10), y: 1095 },
{ x: new Date(2023, 9), y: 968 },
{ x: new Date(2023, 8), y: 1025 },
{ x: new Date(2023, 7), y: 1133 },
{ x: new Date(2023, 6), y: 1312 },
{ x: new Date(2023, 5), y: 994 },
{ x: new Date(2023, 4), y: 899 },
{ x: new Date(2023, 3), y: 757 },
{ x: new Date(2023, 2), y: 891 },
{ x: new Date(2023, 1), y: 914 },
{ x: new Date(2023, 0), y: 966 },
{ x: new Date(2022, 11), y: 2729 },
{ x: new Date(2022, 10), y: 1125 },
{ x: new Date(2022, 9), y: 841 },
{ x: new Date(2022, 8), y: 1176 },
{ x: new Date(2022, 7), y: 852 },
{ x: new Date(2022, 6), y: 1202 },
{ x: new Date(2022, 5), y: 697 },
{ x: new Date(2022, 4), y: 578 },
{ x: new Date(2022, 3), y: 589 },

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

				showInLegend: true,
				dataPoints: [
				{ x: new Date(2024, 2), y: 787 },
{ x: new Date(2024, 1), y: 665 },
{ x: new Date(2024, 0), y: 1320 },
{ x: new Date(2023, 11), y: 2129 },
{ x: new Date(2023, 10), y: 923 },
{ x: new Date(2023, 9), y: 953 },
{ x: new Date(2023, 8), y: 996 },
{ x: new Date(2023, 7), y: 1122 },
{ x: new Date(2023, 6), y: 1308 },
{ x: new Date(2023, 5), y: 982 },
{ x: new Date(2023, 4), y: 893 },
{ x: new Date(2023, 3), y: 732 },
{ x: new Date(2023, 2), y: 874 },
{ x: new Date(2023, 1), y: 909 },
{ x: new Date(2023, 0), y: 960 },
{ x: new Date(2022, 11), y: 2707 },
{ x: new Date(2022, 10), y: 1111 },
{ x: new Date(2022, 9), y: 823 },
{ x: new Date(2022, 8), y: 1170 },
{ x: new Date(2022, 7), y: 843 },
{ x: new Date(2022, 6), y: 1189 },
{ x: new Date(2022, 5), y: 685 },
{ x: new Date(2022, 4), y: 570 },
{ x: new Date(2022, 3), y: 587 },
				]
			
			}]
		});
		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='2024-04' selected>this month</option><option value='2024-03'>1 month ago</option><option value='2024-02'>2 month ago</option><option value='2024-01'>3 month ago</option><option value='2023-12'>4 month ago</option><option value='2023-11'>5 month ago</option><option value='2023-10'>6 month ago</option><option value='2023-09'>7 month ago</option><option value='2023-08'>8 month ago</option><option value='2023-07'>9 month ago</option><option value='2023-06'>10 month ago</option><option value='2023-05'>11 month ago</option><option value='2023-04'>1 year ago</option><option value='2023-03'>1 year 1 month ago</option><option value='2023-02'>1 year 2 month ago</option><option value='2023-01'>1 year 3 month ago</option><option value='2022-12'>1 year 4 month ago</option><option value='2022-11'>1 year 5 month ago</option><option value='2022-10'>1 year 6 month ago</option><option value='2022-09'>1 year 7 month ago</option><option value='2022-08'>1 year 8 month ago</option><option value='2022-07'>1 year 9 month ago</option><option value='2022-06'>1 year 10 month ago</option><option value='2022-05'>1 year 11 month ago</option><option value='2022-04'>2 year ago</option><option value='2022-03'>2 year 1 month ago</option><option value='2022-02'>2 year 2 month ago</option><option value='2022-01'>2 year 3 month ago</option><option value='2021-12'>2 year 4 month ago</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;">14,722</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://www.m2-pi.com/metrics/excel.php?mode=all&select_date=2024-04&path=L2hvbWUvdmlydHVhbC9lLXJ2cy9qb3VybmFsLw==' 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://www.m2-pi.com/metrics/map_ajax.php',
							dataType:"html",
						data: {select_date:optVal,number:"",mode:"all",path:"L2hvbWUvdmlydHVhbC9lLXJ2cy9qb3VybmFsLw==",access_url:"https://www.e-rvs.org"}, 
						error:function(){
							alert('fail.');
						},
						success:function(result){
							if(result){
							 $('#ajax_mapjs').html(result);
							}
						}
					});
			}
		});
	});


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


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

</script>
--><script>

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