[Chartjs]-ChartJS point style with glow or shadow

by

1👍

You can achieve it by adding two separate data with separate styling to the dataset.

codesandbox

datasets: [
    {
      data: [1000000, 900000, 800000, 750000, 700000, 650000, 600000],
      pointStyle: 'rectRot',
      pointRadius: 10,
      borderColor: '#007cff',
      pointBackgroundColor: '#FFFFFF',
      pointBorderWidth: 5,
      pointBorderColor: 'rgba(1, 124, 251, 0.2)',
      order: 1
    },
    {
      data: [1000000, 900000, 800000, 750000, 700000, 650000, 600000],
      pointStyle: 'rectRot',
      pointRadius: 6,
      borderColor: '#007cff',
      pointBackgroundColor: '#FFFFFF',
      pointBorderWidth: 2,
      pointBorderColor: '#007cff',
      order: 0
    },
  ]

Leave a comment