outlabeledDoughnut size increase not working

Hi,

I am using api to generate doughnut chart.

I am sending width, height in the end point but it is not increasing the size of the file. I also tried devicePixelRatio but no effect.

https://quickchart.io/chart?encoding=url&backgroundColor=transparent&width=2000&height=1200&devicePixelRatio=1.0

I even tried using devicePixelRatio to 5, but file width and height does not change.

Can you please suggest what wrong I am doing here? Thanks

{
   "chart":{
      "type":"outlabeledDoughnut",
      "data":{
         "labels":[
            "Gas",
            "Diesel",
            "Non-n-renewablenelectricity",
            "Renewablen energy"
         ],
         "datasets":[
            {
               "data":[10,20,20,10],
               "backgroundColor":[
                  "rgb(0,145,179)",
                  "rgb(147,149,152)",
                  "rgb(239,236,235)",
                  "rgb(0,114,152)"
               ]
            }
         ]
      },
      "options":{
         "cutoutPercentage":60,
         "legend":{
            "display":false
         },
         "plugins":{
            "legend":false,
            "datalabels":{
               "display":false
            },
            "doughnutlabel":{
               "labels":[
                  {
                     "text":"60%",
                     "font":{
                        "size":20,
                        "family":"Gotham Rounded Book"
                     }
                  },
                  {
                     "text":"Renewable",
                     "font":{
                        "size":10
                     }
                  },
                  {
                     "text":"energy",
                     "font":{
                        "size":10,
                        "family":"Gotham Rounded Medium"
                     }
                  }
               ]
            },
            "outlabels":{
               "text":"%l",
               "color":"#939598",
               "backgroundColor":"#fff",
               "stretch":20,
               "font":{
                  "resizable":true,
                  "minSize":12,
                  "maxSize":18,
                  "family":"Gotham Rounded Medium"
               }
            }
         }
      }
   }
}

Hi @ankitwalia4u,

Are you using the POST endpoint? If so, you must specify width, height, devicePixelRatio, and other parameters in your JSON payload, not as query parameters.

See POST endpoint documentation here: Documentation

{
   "width": 2000,
   "height": 1200,
   "devicePixelRatio": 1.0,
   "backgroundColor": "transparent",
   "chart":{
      "type":"outlabeledDoughnut",
      "data":{
         "labels":[
            "Gas",
            "Diesel",
            "Non-n-renewablenelectricity",
            "Renewablen energy"
         ],
         "datasets":[
            {
               "data":[10,20,20,10],
               "backgroundColor":[
                  "rgb(0,145,179)",
                  "rgb(147,149,152)",
                  "rgb(239,236,235)",
                  "rgb(0,114,152)"
               ]
            }
         ]
      },
      "options":{
         "cutoutPercentage":60,
         "legend":{
            "display":false
         },
         "plugins":{
            "legend":false,
            "datalabels":{
               "display":false
            },
            "doughnutlabel":{
               "labels":[
                  {
                     "text":"60%",
                     "font":{
                        "size":20,
                        "family":"Gotham Rounded Book"
                     }
                  },
                  {
                     "text":"Renewable",
                     "font":{
                        "size":10
                     }
                  },
                  {
                     "text":"energy",
                     "font":{
                        "size":10,
                        "family":"Gotham Rounded Medium"
                     }
                  }
               ]
            },
            "outlabels":{
               "text":"%l",
               "color":"#939598",
               "backgroundColor":"#fff",
               "stretch":20,
               "font":{
                  "resizable":true,
                  "minSize":12,
                  "maxSize":18,
                  "family":"Gotham Rounded Medium"
               }
            }
         }
      }
   }
}

Thank you Ian, sorry to miss the documentation