JavaScript Charts & Graphs with Logarithmic axis - 0 | JSFiddle Sample Code

JavaScript Charts & Graphs with Logarithmic axis - 0 | JSFiddle Sample Code

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div style="margin-top:16px;color:dimgrey;font-size:9px;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:none;">Source: <a href="https://canvasjs.com/html5-javascript-chart-logarithmic-axis/" target="_blank" title="JavaScript Charts &amp; Graphs with Logarithmic axis ">https://canvasjs.com/html5-javascript-chart-logarithmic-axis/</a></div>

JavaScript

window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {
	animationEnabled: true,
	zoomEnabled: true,
	theme: "dark2",
	title: {
		text: "Log Chart With Same Y-Axis Value > 1 Works"
	},
	axisX: {
		title: "Year",
		valueFormatString: "####",
		interval: 2
	},
	axisY: {
		logarithmic: true,
		lineColor: "#6D78AD",
		gridThickness: 0,
		lineThickness: 1,
		labelFormatter: addSymbols,
    crosshair: {
    	enabled: true,
      labelFormatter: addSymbols
    }
	},	
	
	data: [{
		type: "line",
		xValueFormatString: "####",
		dataPoints: [
			{ x: 1994, y: 1030101289 },
			{ x: 1995, y: 1030101289 },
			{ x: 1996, y: 1030101289 },
			{ x: 1997, y: 1030101289 },
			{ x: 1998, y: 1030101289 },
			{ x: 1999, y: 1030101289 },
			{ x: 2000, y: 1030101289 },
			{ x: 2001, y: 1030101289 },
			{ x: 2002, y: 1030101289 },
			{ x: 2003, y: 1030101289 },
			{ x: 2004, y: 1030101289 },
			{ x: 2005, y: 1030101289 },
			{ x: 2006, y: 1030101289 },
			{ x: 2007, y: 1030101289 },
			{ x: 2008, y: 1030101289 },
			{ x: 2009, y: 1030101289 },
			{ x: 2010, y: 1030101289 },
			{ x: 2011, y: 1030101289 },
			{ x: 2012, y: 1030101289 },
			{ x: 2013, y: 1030101289 },
			{ x: 2014, y: 1030101289 },
			{ x: 2015, y: 1030101289 },
			{ x: 2016, y: 1030101289 }
		]
	}
	
	]
});
chart.render();

function addSymbols(e) {
	var suffixes = ["", "K", "M", "B"];

	var order = Math.max(Math.floor(Math.log(e.value) / Math.log(1000)), 0);
	if(order > suffixes.length - 1)
		order = suffixes.length - 1;

	var suffix = suffixes[order];
	return CanvasJS.formatNumber(e.value / Math.pow(1000, order)) + suffix;
}

}