Chartjs-Change the border color of a progress bar in quickchart js

by

0👍

✅

You can define a second dataset that specifies the total (100%) of the progress bar.

In order to remove the border, this could look as follows:

{
  type: 'progressBar',
  data: {
    datasets: [{
      backgroundColor: '#32cd32',
      data: [50]
    },
    {      
      borderColor: 'white',
      data: [100]
    }]
  }
}

Simply change borderColor in case you want a specific border to be drawn.

Leave a comment