Precision Customization in IndexLabels - Basic CanvasJS Doughnut chart

Precision Customization in IndexLabels - Basic CanvasJS Doughnut chart

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: "Basic Doughnut Chart"
  },       
  data: [
    {
      type: "doughnut",
      yValueFormatString: "#.000",
      indexLabelFormatter: function(e){			
        return e.dataPoint.label + " " + e.dataPoint.y.toFixed(3);				
      },
      dataPoints: [
        {label: "Android", y: 53.374568},
        {label: "Apple iOS", y: 35.076791},
        {label: "Blackberry", y: 7.987654},
        {label: "Windows Phone", y: 2.01234},
        {label: "Others", y: 5.4567} 
      ]
    }					
  ]
});

chart.render();