# Quickchart font color

**URL:** https://community.glideapps.com/t/quickchart-font-color/31706
**Category:** Ask for Help
**Created:** [September 13, 2021, 9:00am UTC](https://community.glideapps.com/t/quickchart-font-color/31706 "2021-09-13T09:00:48Z")
**Posts on this page:** 9
**Page:** 3

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [September 14, 2021, 11:15am UTC](https://community.glideapps.com/t/quickchart-font-color/31706/41 "2021-09-14T11:15:50Z")

</div>

What code link are you using?

---

<div class="post-metadata">

### Author: ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)
#### Post date: [September 14, 2021, 11:37am UTC](https://community.glideapps.com/t/quickchart-font-color/31706/42 "2021-09-14T11:37:54Z")

</div>

The one with the script. @Manu.n 's code

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [September 14, 2021, 12:05pm UTC](https://community.glideapps.com/t/quickchart-font-color/31706/43 "2021-09-14T12:05:19Z")

</div>

Can I have your current script for that chart?

---

<div class="post-metadata">

### Author: ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)
#### Post date: [September 14, 2021, 4:06pm UTC](https://community.glideapps.com/t/quickchart-font-color/31706/44 "2021-09-14T16:06:49Z")

</div>

```auto
{
  type: 'pie',
  data: {
    datasets: [
      {
        data: [InsertData],
        backgroundColor: [
          '#D64959',
          '#F2BD7B',
          '#F7907D',
        ],
 borderColor:'black',
borderWidth: 0.5,
      },
    ],
    labels: ['פחמימה','חלבון','שומן']
    },
   options: { 
            legend: {
                labels: {
                    fontColor: "white",
                    fontSize: 12
                }
            },
            plugins: {
      datalabels: {
        color: "black",
      }
   }
}
}

```

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [September 14, 2021, 11:52pm UTC](https://community.glideapps.com/t/quickchart-font-color/31706/45 "2021-09-14T23:52:00Z")

</div>

Please try this.

```auto
{
  type: 'pie',
  data: {
    datasets: [
      {
        data: [InsertData],
        backgroundColor: [
          '#D64959',
          '#F2BD7B',
          '#F7907D',
        ],
 borderColor:'black',
borderWidth: 0.5,
      },
    ],
    labels: ['פחמימה','חלבון','שומן']
    },
   options: { 
responsive: true,
maintainAspectRatio: false,
            legend: {
                labels: {
                    fontColor: "white",
                    fontSize: 12
                }
            },
            plugins: {
      datalabels: {
        color: "black",
      }
   }
}
}
```

---

<div class="post-metadata">

### Author: ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)
#### Post date: [September 15, 2021, 8:35am UTC](https://community.glideapps.com/t/quickchart-font-color/31706/46 "2021-09-15T08:35:05Z")

</div>

Yes.  
added:

responsive: true,  
maintainAspectRatio: false,

It works now!

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [September 15, 2021, 8:49am UTC](https://community.glideapps.com/t/quickchart-font-color/31706/47 "2021-09-15T08:49:07Z")

</div>

Brilliant 😉

---

<div class="post-metadata">

### Author: ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)
#### Post date: [September 15, 2021, 9:42am UTC](https://community.glideapps.com/t/quickchart-font-color/31706/48 "2021-09-15T09:42:21Z")

</div>

Eventually I will learn JS here just from you guys 🙂

---

<div class="post-metadata">

### Author: ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)
#### Post date: [January 17, 2024, 4:50pm UTC](https://community.glideapps.com/t/quickchart-font-color/31706/49 "2024-01-17T16:50:38Z")

</div>



[Previous page](https://community.glideapps.com/t/quickchart-font-color/31706.md?page=2)