logarithmic - Logarithmic Scale for Axis X - 0 | JSFiddle Sample Code

logarithmic - Logarithmic Scale for Axis X - 0 | JSFiddle Sample Code

HTML

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

<div id="chartContainer" style="height: 300px; width: 100%;"></div>
<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/docs/charts/chart-options/axisx/logarithmic/" target="_blank" title="logarithmic - Logarithmic Scale for Axis X ">https://canvasjs.com/docs/charts/chart-options/axisx/logarithmic/</a></div>

JavaScript

window.onload = function () {
	var chart = new CanvasJS.Chart("chartContainer",{
		title:{
			text: "Line Chart with Logarithmic X Axis"
		},              
		axisX:{
			title: "Logarithmic Axis",
          	logarithmic: true,
          	interval: 1
	    },
		data: [{
			type: "line",
			dataPoints: [
				{ x: 1, y: 71 },
			    { x: 2, y: 55 },
			    { x: 3, y: 50 },
			    { x: 6, y: 65 },
			    { x: 8, y: 95 },
			    { x: 10, y: 68 },
			    { x: 12, y: 28 },
			    { x: 15, y: 34 },
			    { x: 19, y: 14 }
			   ]
        }]
	});
	chart.render();
}