special characters in title of charts of Charts Js

Question

I am using Charts.js to display bar graphs and bubble charts. However, my titles for these graphs contain '&' but it is shown as & How can I avoid this so that '&' is displayed as it is in the labels and titles of charts. Below is my code:

window.myBar = new Chart(ctx, {
        type: 'bubble',
        data: {
            datasets: data_sets
        },
        options: {
            legend: {
                position: 'bottom',
            },
            title: {
                display: true,
                fontSize: 20,
                text: '<%= group.first&.name%>'
            }
        }
    });

I think something like this https://stackoverflow.com/a/692926/7619578 or https://stackoverflow.com/a/4252113/7619578 might work — Int'l Man Of Coding Mystery, Feb 09 '21 at 22:59

score 1 · Accepted Answer · answered Feb 10 '21 at 08:35

1

Replacing

<%= group.first&.name %>

with

<%= group.first&.name&.html_safe %>

in the text of the title fixed the issue for me.

answered Feb 10 '21 at 08:35

Saqib Shahzad

982
12
28

special characters in title of charts of Charts Js

1 Answers1