In the Global Chart Defaults you can set an onClick function for your chart. It is much different than nnnick's comment on GitHub from 2 years ago. Now, in the Chart.js document, there is a statement about a different way to register the click event for the bar chart. yet in my handleClick function, chart.getBarsAtEvent is undefined! I set an event listener (the right way) on my canvas element: canv.addEventListener('click', handleClick, false) The documentation does mention the getElementsAtEvent function of the chart reference, but that is for Line Charts only. I have found a comment on GitHub by nnnick from Chart.js stating to use the function getBarsAtEvent, even though this function cannot be found in the Chart.js documentation at all (go ahead, do a search for it). I have my stacked bar chart working, but I can't get the click 'events' to work. I've just started working with Chart.js, and I am getting very frustrated very quickly.

AddSignalR () // our data source, could be a database builder. Using Charts.Hubs using Charts.Services var builder = WebApplication. The Whole Programīefore running your application, I’ll include the entire contents of Program.cs here, but you can also get a complete version of this demo at my GitHub repository. You will use a line chart, but feel free to play around with all the options Chart.Js offers.

It reads the initial data from our data element and initializes the chart. It connects to the SignalR hub, allowing your server-side service to call the connected client. This code does two important things as it relates to the chart: Using Charts.Hubs using namespace Charts.Services public class ChartValueGenerator : BackgroundService )

Chartjs