Integrating Chart.js in Qualtrics

Question

Dear community,The following script from https://www.chartjs.org/docs/latest/getting-started/ does not seem to be working in my survey. I am very new to Java and HTML and was hoping you could you help me figure out why it's not working. Thank you very much for your help!In the question itself, I have included the following code in HTML:

I have added the following code the the header in HTML: To the question JSS, I have included the following code: const ctx = document.getElementById('myChart'); new Chart(ctx, { type: 'bar', data: { labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], borderWidth: 1 }] }, options: { scales: { y: { beginAtZero: true } } } });

ahmedA · Accepted Answer

I think there’s an issue with rendering using the canvas element. I would recommend using a library that supports the more general div.Something like HighCharts or Plotly. IMHO Plotly would be better, as you could learn it once and use it in R/Python also.A couple of things to note:Do not add a

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded