Donut outlabel without background

1

Hi,

Is there a way to not to have background color to donut outlabel?

Something like this
image

Thanks

2

Hello @ankitwalia4u,

Yes, you can just set the properties of the outlabeledDoughnut plugin. Here’s an example in the sandbox

{
  type: 'outlabeledDoughnut',
  data: {
    labels: ['ONE', 'TWO', 'THREE', 'FOUR', 'FIVE'],
    datasets: [
      {
        backgroundColor: [
          '#FF3784',
          '#36A2EB',
          '#4BC0C0',
          '#F77825',
          '#9966FF',
        ],
        data: [1, 2, 3, 4, 5],
      },
    ],
  },
  options: {
    plugins: {
      legend: false,
      outlabels: {
        text: '%l %p',
        color: '#000',
        backgroundColor: '#fff',
        stretch: 35,
        font: {
          resizable: true,
          minSize: 12,
          maxSize: 18,
        },
      },
    },
  },
}

image
image1000×600 31.4 KB

Learn more about the outlabels plugin here.