So i have this code that makes a bar chart that would shows a teaching points an university has. But, when i try to choose a university, the value of teaching1, 2 and 3 would just sit empty. Heres the HTML:

I’m doing what I think is a pretty standard destroy() and recreation of a chart using Chart.js. The chart updates as expected but I see a strange zoomed-in, blurry chart during the transition. I can’t seem to get rid of it. Any ideas?

I am trying to create a stacked bar chart where the Y axis is time and the X axis is various categories.

I am trying to display custom text before title in tooltip. This should work according to documentation: https://www.chartjs.org/docs/latest/configuration/tooltip.html#label-callback
But it only show number.

My chart has lines which are quite close together, but still need to be differentiated in the legend. There are a few hundred datapoints for this line charts, so when I use pointstyle to differentiate them I get the following result:

I’ve changed the subject of my data for clarity and privacy, but my actual problem is identical.

I’m trying to create a chart that has both a bar dataset and a line dataset. When I load the page, the model populates correctly as far as I can see, but the chart doesn’t show up and the only errors or clues I have are Dashboard:57 Uncaught SyntaxError: Unexpected end of input and in the debug output: Exception thrown: ‘System.FormatException’ in System.Private.CoreLib.dll . I’m not sure the second error is related but thought it might help. My code for the chart is as follows:

I was wondering if there’s a way to export my Chart.js animation. I created a statistics website and added a “delay” animation to the bar graph. You can see an example here: link.

I have two charts next to each other, the left one is big and the right one is small, each in their own container. When the small chart is clicked I want the charts to switch places so that the small chart is moved to the big container on the left and the big chart is moved to the small container on the right and the charts should adjust to the sizes of their new containers. This worked in Chart.js v2.9.4 but after I upgraded to v4.4.2 the charts remain in their original sizes after moving containers.

Given the following chart how can I show a custom HTML label for the Y ticks?