# Chart-image font style

**URL:** <https://discourse.nodered.org/t/chart-image-font-style/86158>\
**Category:** General\
**Tags:** chart\
**Created:** [5 March 2024 14:04 UTC](https://discourse.nodered.org/t/chart-image-font-style/86158 "2024-03-05T14:04:28Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![robbe.haerens](https://avatars.discourse-cdn.com/v4/letter/r/6a8cbe/32.png) [@robbe.haerens](https://discourse.nodered.org/u/robbe.haerens)\
**Post date:** [5 March 2024 14:04 UTC](https://discourse.nodered.org/t/chart-image-font-style/86158/1 "2024-03-05T14:04:28Z")

</div>

Hello, as part of my internship I have the assignment to create a line graph from a CSV and put it on a PDF. I manage to create the graph and put it on the PDF, but the font on the graph looks like this. "

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/e/3e06c1a73f4d4492b7641960c18d990c7dbb5076.png)  
Is there someone that knows how to fix this?

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [5 March 2024 14:06 UTC](https://discourse.nodered.org/t/chart-image-font-style/86158/2 "2024-03-05T14:06:45Z")

</div>

Is this using Dashboard 1, Dashboard 2 or something else?

---

<div class="post-metadata">

**Author:** ![robbe.haerens](https://avatars.discourse-cdn.com/v4/letter/r/6a8cbe/32.png) [@robbe.haerens](https://discourse.nodered.org/u/robbe.haerens)\
**Post date:** [5 March 2024 14:08 UTC](https://discourse.nodered.org/t/chart-image-font-style/86158/3 "2024-03-05T14:08:29Z")

</div>

i don't use the dashboard nodes i use the "chart-image" node.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/0/40ede2aeb04430791b9b963a4c46c4d4737c17ae.png)

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [5 March 2024 14:14 UTC](https://discourse.nodered.org/t/chart-image-font-style/86158/4 "2024-03-05T14:14:08Z")

</div>

> [@robbe.haerens](#):
>
> chart-image

> **[node-red-contrib-chart-image](https://flows.nodered.org/node/node-red-contrib-chart-image)**
>
> Use chartjs to generate charts and output them as image buffers.

As it is a contributed node, I think you will need to take it up with the author via GitHub.

I see that it uses Chart.JS - not sure if there are font configs for that?

* * *

Looking at Chart.JS, this appears to be the font definition:

```auto
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,
   Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;

```

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [5 March 2024 15:54 UTC](https://discourse.nodered.org/t/chart-image-font-style/86158/5 "2024-03-05T15:54:44Z")

</div>

Always worth checking the existing issues of a node: [Fonts missing · Issue #7 · gemini86/node-red-contrib-chart-image · GitHub](https://github.com/gemini86/node-red-contrib-chart-image/issues/7)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [3 June 2024 15:54 UTC](https://discourse.nodered.org/t/chart-image-font-style/86158/6 "2024-06-03T15:54:46Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.