Remove border from Chart.js pie chart - Javascript Chart.js

Javascript examples for Chart.js:Pie Chart

  1. HOME
  2. Javascript
  3. Chart.js
  4. Pie Chart

Description

Remove border from Chart.js pie chart

Demo Code

ResultView the demo in separate window 

<html lang="en">
   <head> 
      <title>Chart.js removing border</title> 
   </head> 
   <body translate="no"> 
      <canvas id="chartjs-4" width="600" height="400"></canvas> 
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
      <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.bundle.js"></script> 
      <script>
      new Chart(document.getElementById("chartjs-4"),
      {"type":"pie","data":{"labels":["Red","Blue","Yellow"],
      "datasets":[{"label":"My First Dataset","data":[300,50,100],
      "borderWidth":"0","backgroundColor":["rgb(255, 99, 132)",
      "rgb(54, 162, 235)","rgb(255, 205, 86)"]}]}});
    //from  w w  w. ja  v a 2s .  co  m
      </script>  
   </body>
</html>

Related Tutorials