Axis Labels showing both x and label values using labelFormatter - CanvasJS JavaScript Charts

Axis Labels showing both x and label values using labelFormatter - CanvasJS JavaScript Charts

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/>
<!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
  title: {
    text: "Using labelFormatter function of axisX"
  },
  axisX: {

    labelFormatter: function(e) {
      return "x: " + e.value + ", " + e.label;
    }
  },

  data: [{
    type: "spline",
    dataPoints: [
        { x: 1, y: 5, label:"one" }, 
				{ x: 2, y: 9, label:"two"  }, 
				{ x: 3, y: 17, label:"three" }, 
				{ x: 4, y: 32, label:"four" }, 
				{ x: 5, y: 22, label:"five" }
				
    ]
  }]
});
chart.render();