Quickchart font color

[Lin_Altshuler]

Done! works.

@ThinhDinh

Hehe if I have some time this week I would love to try it.

Please do…
I’m sure It will be helpful and I will defiantly use it often…

[Manu.n]

As you do so that it responds in size according to the size of the webview component. at home he does not want

[Lin_Altshuler]

could you please change the text on the pie background to black for now? can be hard coded

[Manu.n]

Well, between my version and the version of @ThinhDinh
I made a mix.
The idea is to provide the config.
As this each makes its graph with these parameters

YC link
https://chart.manun2.repl.co/

[Lin_Altshuler]

That’s a good solution! but when changing the size the alignment is moved

[Lin_Altshuler]

for some reason cant see the black

is it only HEX?

[Manu.n]

I made a new version if you are interested.

Chart Polar

After this thread, I made a version with as parameter the configuration of the graph according to the ChatJs directives. It is possible to adjust the dimension of the chart (thanks to @ThinhDinh for it’s constructive idea.) [image] [image] [image] YC link https://Chart.manun2.repl.co

[Lin_Altshuler]

now ok with right and left but cut at the bottom… almost there

[Manu.n]

adjust the size of the webview component

[Lin_Altshuler]

yess Im doing that and it is cuttings at the bottom

[Manu.n]

what size choose Height & width ?

[Lin_Altshuler]

yes my bad.
have to leave the parameters blank

[Lin_Altshuler]

you guys are incredible!

[Manu.n]

and with filling ???

[Lin_Altshuler]

if you can add parameter for backgroundColor: [
‘#ff7560’,
‘#7ED3B2’,
‘#FFCDA3’,
],
and labels and text color then you nailed the whole chart

[Manu.n]

you have to understand that the configuration is very strict, you must not forget a {} or a or check that there is not an extra ‘,’ or forget.
This is why the first version was simpler.
Can you give me a copy of your config with the errors.

[Lin_Altshuler]

stopped working

[Lin_Altshuler]

{
  type: 'pie',
  data: {
    datasets: [
      {
        data: [Carbs,Protein,Fat],
        backgroundColor: [
          '#ff7560',
          '#7ED3B2',
          '#FFCDA3',
        ],
 borderColor:'black',
borderWidth: 0.5,
      },
    ],
    labels: ['פחמימה','חלבון','שומן']
    },
   options: { 
            legend: {
                labels: {
                    fontColor: "white",
                    fontSize: 12
                }
            },
            plugins: {
      datalabels: {
        color: "black",
      }
   }
}
}

[Manu.n]

?? At home it works the first time !!!
I just replaced the values ​​of Datas to do the test (I imagine a reference to other columns !!)

{
  type: 'pie',
  data: {
    datasets: [
      {
        data: [10,20,30],
        backgroundColor: [
          '#ff7560',
          '#7ED3B2',
          '#FFCDA3',
        ],
 borderColor:'black',
borderWidth: 0.5,
      },
    ],
    labels: ['פחמימה','חלבון','שומן']
    },
   options: { 
            legend: {
                labels: {
                    fontColor: "white",
                    fontSize: 12
                }
            },
            plugins: {
      datalabels: {
        color: "black",
      }
   }
}
}

[Lin_Altshuler]

the size isnt changing