Can't set background to transparent.

[typpo]

Can't set background to transparent.

[typpo]

Can you show me how you're setting the background color? You should be using config.setBackgroundColor (link)

[pgsleepy]

Can you show me how you're setting the background color? You should be using config.setBackgroundColor (link)

I'm not trying to set the background color, I want to have it as default: transparent.
The API documentation shows that the default should always be transparent.

[pgsleepy]

I see that the documentation through that link says that the default is white.
The other documentation refers to it as transparent, sorry about that.

I just tried to add .setBackgroundColor('transparent') to my chart, which results it into being

                    chart.setConfig({
                      type: 'line',
                      data: {
                        datasets: [{
                          data: duelsArrayMMRNew,
                          fill: false,
                          borderColor: QuickChart.getGradientFillHelper('vertical', ['#eb3639', '#a336eb', '#36a2eb']),
                          borderWidth: 3,
                          pointRadius: 1,
                        }]
                      },
                      options: {
                        legend: {
                          display: false
                        },
                        scales: {
                        xAxes: [{
                          display: false,
                          gridLines: {
                            display: false,
                          },
                        }],
                        yAxes: [{
                          display: false,
                          gridLines: {
                            display: false,
                          },
                        }]
                      },
                      }
                    });
                    chart.setBackgroundColor('transparent')

But this still results in a white background.

[pgsleepy]

As a matter of fact, just tried to do .setBackgroundColor('#0febc2'); to see if it worked or not, but even that doesn't work.

[typpo]

Can you share the URL that is generated, and check the version of quickchart-js? That may give us a hint.

You might also want to double check whatever else you're doing in the project. A minimal example shows that setBackgroundColor is working fine: https://replit.com/@trynafunction/quickchart-js-background-color#index.js

[pgsleepy]

As opposed to the first time I sent the URL, now after I've added .setBackgroundColor('transparent') it properly shows on the new URL
But it still doesn't show transparent for the saved file which is being saved through

await chart.toFile(`/temp/${API.playerName}_duels.png`);

The version I'm using is [email protected]

[typpo]

The example repl above is also writing fine with toFile. Have a look at that example and/or you may want to double-check your local setup.

[pgsleepy]

Not gonna lie, hate the player dont hate the game but I hate coding sometimes lol
My previous comment stated

await chart.toFile(`/temp/${API.playerName}_duels.png`);

Which doesn't include the dot right before the /temp folder...
So basically the first generation that I had with the toFile was succesful, and somehow I removed the dot at some point and it didn't occur to me that I was constantly being shown the first generation...

Thank you for your help!

[typpo]

It happens! Glad you figured it out.

Also thanks for pointing out the inconsistency around the default background color. That is something we can fix in the next release.