Labels appeared as per dataPoints - CanvasJS

Labels appeared as per dataPoints - CanvasJS

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<body>
<div id="chartContainer" style="width:100%; height:300px"></div>
</body>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
	title: {
		text: "Labels appeared as per dataPoints",
	},
	axisX: {
		valueFormatString: " ",
		tickLength: 3,
        interval: 1,
        intervalType: "day",
	},
	data: [
	{
		type: "line",
		xValueType: "dateTime",
		dataPoints: [
			{ x: 1345746600000, y: 450, label: "24/08"},
			{ x: 1345833000000, y: 414, label: "25/08"},
			{ x: 1347388200000, y: 520, label: "12/09"}
		]
	},
	{
		type: "line",
		xValueType: "dateTime",
		dataPoints: [
			{ x: 1345746600000, y: 350, label: "24/08"},
			{ x: 1345833000000, y: 514, label: "25/08"},
			{ x: 1347388200000, y: 420, label: "12/09"}
			]
	},
	{
		type: "line",
		xValueType: "dateTime",
		dataPoints: [
			{ x: 1345746600000, y: 250, label: "24/08"},
			{ x: 1345833000000, y: 314, label: "25/08"},
			{ x: 1347388200000, y: 220, label: "12/09"}
		]
	}
	]
});
chart.render();