Font Awesome icons not rendering

I’m trying to show font awesome (4.7) icons as data labels, which seems like it should work because other unicode characters in other font families seem to work ok. Is there something else I should be doing besides the following?

this.options = {
    plugins: {
        datalabels: {
            color: 'white',
            display: context => {
                return context.dataset.data[context.dataIndex] > 15;
            },
            font: {
                weight: 'bold',
                family: 'FontAwesome',
                style: 'normal'
            },
            formatter: (value, context) => {
                return `\\u${context.dataset.icon_code}`;
            }
        }
    },
    ...
}

[simonbrunel]

font should be under datalabels, in your file it’s under plugins and font.size should be a number, not a string (same for lineHeight).

[ericsvendsen]

Yes, however for this app the datasets are being dynamically generated, and for various reasons the associated icon codes are only stored in the db as f0c3 (for example). As a result I need to build the unicode values at runtime.