outlabeledPie in Power Automate labels on top of title or missing altogether

1

Hi,
I want to create an outlabeledPie chart via power automate and embed the image in an email via power automate.
When I put a title, the labels get on top of it and when I don’t put a title some labels are messing altogether.
In the web it looks fine both ways.
Adding screenshots and the configuration:
image

Configuration:

{
"type": "outlabeledPie",
    "data": {
      "datasets": [
        {
          "backgroundColor": [
            "#cfe2f3",
            "#c1adad",
            "#a7adba",
            "#d4ded0",
            "#ead1dc",
            "#fdd279",
            "#429594"
            
          ],
          "data": [
            14,
            81,
            10,
            5,
            216,
            1,
            25
          ]
        }
      ],
      "labels": [
        "Defender for Data",
        "Defenders",
        "Detection",
        "Guardians",
        "Orion",
        "SRE",
        "Unknown"
      ]
    },
    "options": {
      "title": {
        "display": true,
        "fontSize": 15,
        "text": "Data Type Classification KPIs:"
      },
      "plugins": {
        "legend": false,
        "outlabels": {
          "text": "%l - %v",
          "color": "black",
          "stretch": 30,
          "font": {
            "resizable": false,
            "size": 14
          }
        }
      }
    }
}

When I embed it in the email, I don’t change the size anywhere.
Thanks in advance,
Shai

2

Hi @shaiwinograd,

The Chart.js outlabels plugin is unfortunately sensitive to the size and DPI of the canvas.

The default size of the web sandbox image is 500x300 and the devicePixelRatio is 2.0. If you set devicePixelRatio to 2.0 and/or if you increase the size of the image in your request, it will likely be able to fit the outlabels.