[Chartjs]-How can I add shadow color below the line in chart.js charts?

by

1👍

✅

In highcharts, it is possible with chart type ‘area’. Check the stackblitz I have updated here and its working

For Chart JS, you can Set the fill property to +1 of a dataset will set the backgroundColor from this line to the next line in dataset.

datasets: [{
    label: 'India',
    data: [],
    fill: '+1',
    borderColor: '#FFC108',
    backgroundColor: 'rgba(255,193,8,0.2)'
  },
  {
    label: 'USA',
    data: [],
    fill: true,
    borderColor: '#FFC108',
    backgroundColor: 'rgba(0,0,0,0)'
  }]

Check this in chartjs docs JSFiddle

Leave a comment