I can't seem to display font awesome symbols as labels in my chart.js
1. I have already added fontawesome's css file
2. I have selected the symbols from this link
3. I have updated the chart.js options to set pointLabels.fontFamily to FontAwesome but it doesn't load the unicode symbols, although emojis like the battery one work fine.
var ctx = document.getElementById("myChart").getContext('2d');
var myRadarChart = new Chart(ctx, {
type: 'radar',
data: {
labels: ['🔋', '', "\uf461", '\uf368', '\uf558'],
datasets: [{
data: [20, 10, 4, 2,1]
}]
},
options: {
scale: {
pointLabels: {
fontFamily: "FontAwesome",
}
}
}
});
For the complete code, check out: this link
What could be the issue here?