I want to get a report by chart from my model but I can't figured out how to pass data from a dictionary to chart using chart.js? here is my model: class Book(models.Model): number = models.CharField(_("number"), max_length=255) title = models.CharField(_("title"),…
I'm aware that in Chart.js, you can pass an array of colours to the backgroundColor option, but is it possible to use the current dataset item to choose the colour? Ideally, I'd want to do something like: new Chart(ctx, {…
I'm using chartJs line chart for my react application. It has shown the data values(65, 59, 80 etc in my chart) on the line chart. Is it possible to remove or hide those values? here is my code const data…
If there is no value in graph API response, then graph should not be plotted and also all the legends/label should be hidden (Multiple y-axis) When there is no value in y-axis, I am able to hide the graph. But,…
I don't understand how to make custom dot color depending on value in Chart.js? if y <= 0 then dots red color, if y(0-4) blue color, etc const ctx = document.getElementById('chart'); const request = [ {x: 'Station1',y: 5}, {x: 'Station2',y:…
I'm successfully getting the sql data into an array, what I can't seem to work out is how to get that array to show in a chart.js chart. I can get the array into the dataset section but for some…
I have a React application that utilizes Chart.js for rendering charts. I want to customize the colors of labels in the chart using custom colors defined in my Tailwind CSS configuration. I have already set up custom colors in my…
Below is the image is what i am trying to achieve:- I am on Laravel and I want to get the last 30 days from the current date data from the user table based on how many new users enter…
I know that I can change the width of the line and its points with borderWidth: 1, pointRadius: 1, it works fine. But how to increase the width of the line and its points when hovering the mouse cursor over…
I am trying to display the values from this object on a React Chart.js line chart: The times are formatted as hours, minutes, and seconds. { "totaltime": "10:55:41", "date": "2018-01-01T00:00:00" }, { "totaltime": "339:40:53", "date": "2019-01-01T00:00:00" }, { "totaltime": "227:25:42",…