Fonts missing

[ouranos6]

Hello, first of all I want to thank you for this nice piece of code :)

I ran into an issue with the graphs. As you can see in the picture below I have no texts only some squares.

I'am running Node Red on Ubuntu server 20.04 LTS and I have intalled it via the palette menu.

Thank's in advance for your help

[ouranos6]

And here is my datas

	  type: 'bar',
	  data: {
		  labels: ["Red", 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
		  datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
		  }]
	  },
    options: {
        plugins: {
               datalabels: {
                   display:true
               }
        },
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        },
        legend: {
            labels: {
                // This more specific font property overrides the global property
                fontSize: 20,
                fontColor: 'black',
                family: 'Arial'
            }
        }
    }
};
return msg;

[LindLena]

Hello,
I have got the same problem, did you find a solution? I think it´s something with the fonts, but I didn´t know, what I have to change to see the texts...
Thanks in advance!

[tonylee3k]

Hi all, Im facing the same issue. Im running node-red on Ubuntu Core on a project and it seems like the characters are not rendered properly (empty square boxes), probably due to the fonts are not recognizable by Core. May I know if guys had found a workaround to this problem?

[steve2211]

Running this line apk add --update --repository http://dl-3.alpinelinux.org/alpine/edge/testing libmount ttf-dejavu ttf-droid ttf-freefont ttf-liberation fontconfig or adding it to my dockerfile like this RUN apk add --update --repository http://dl-3.alpinelinux.org/alpine/edge/testing libmount ttf-dejavu ttf-droid ttf-freefont ttf-liberation fontconfig and rebuilding the container fixed it for me.

[ouranos6]

Ok, interesting… I ´am using nodered as an addon to home assistant so I have to figure out how to do that. But it can be worth to try.

…

________________________________ De : steve2211 ***@***.***> Envoyé : Friday, April 14, 2023 2:29:20 PM À : gemini86/node-red-contrib-chart-image ***@***.***> Cc : ouranos6 ***@***.***>; Author ***@***.***> Objet : Re: [gemini86/node-red-contrib-chart-image] Fonts missing (#7) Running this line apk add --update --repository http://dl-3.alpinelinux.org/alpine/edge/testing libmount ttf-dejavu ttf-droid ttf-freefont ttf-liberation fontconfig or adding it to my dockerfile like this RUN apk add --update --repository http://dl-3.alpinelinux.org/alpine/edge/testing libmount ttf-dejavu ttf-droid ttf-freefont ttf-liberation fontconfig and rebuilding the container fixed it for me. — Reply to this email directly, view it on GitHub<#7 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AE6CJKHTYFOKLXU5GB2SE7LXBE7KBANCNFSM4SOK3KWQ>. You are receiving this because you authored the thread.Message ID: ***@***.***>

[robbehaerens]

run this commands "sudo apt-get update
sudo apt-get install -y fonts-roboto fonts-noto fonts-cantarell"