Pie Chart wih No IndexLabel - CanvasJS Javascript Charts

Pie Chart wih No IndexLabel - 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: "Pie Chart with Legend"
      },
      
      data: [
      {
       type: "pie",
       showInLegend: true,
       toolTipContent: "{legendText}",
       dataPoints: [
       {  y: 36, legendText: "apple" },
       {  y: 17, legendText: "mango" },
       {  y: 16, legendText: "orange" },
       {  y: 9, legendText: "butter fruit" },
       {  y: 8, legnedText: "grapes" },
       {  y: 7, legendText: "melons" },
       {  y: 7, legendText: "pineapple"}

       ]
     }
     ]
   });

    chart.render();