Why same label on chart not display label on x axis

Question

<!DOCTYPE HTML>
<html>
<head>
	<script type="text/javascript">
	window.onload = function () {
		var chart = new CanvasJS.Chart("chartContainer", {
			title: {
				text: "Understanding Labels"
			},
			axisY: {
				labelFontSize: 20,
				labelFontColor: "dimGrey"
			},
			axisX: {
				labelAngle: -30
			},
			data: [
			{
				type: "column",
				dataPoints: [
				{ y: 10, label: "Apples" },
				{ y: 15, label: "Mangos" },
				{ y: 25, label: "Oranges" },
				{ y: 30, label: "Grapes" },
                  { y: 10, label: "Apples" },
				{ y: 15, label: "Mangos" },
				{ y: 25, label: "Oranges" },
				{ y: 30, label: "Grapes" },
                  { y: 10, label: "Apples" },
				{ y: 15, label: "Mangos" },
				{ y: 25, label: "Oranges" },
				{ y: 30, label: "Grapes" },
				{ y: 28, label: "Bananas" }
				]
			}
			]
		});

	chart.render();
	}
	</script>
	<script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</head>
<body>
	<div id="chartContainer" style="height: 300px; width: 100%;">
	</div>
</body>
</html>

triiglobal · Answer

thanks is work.

priyanka · Answer

@triiglobal,

Setting interval: 1 in axisX will show all labels.

If this doesn't solve your requirement, kindly brief us further about it and share a JSFiddle reproducing the issue you are facing(if any) so that we can understand your requirement better and help you out.

__
Priyanka M S
Team CanvasJS

Front End Technology Samples

Server Side Technology Samples

FORUMS

Login to Ask a Question or Reply

Why same label on chart not display label on x axis