I'm making a simple server log, and I want use Chart.js to generate total hit reports by hour, day, month or year. Here is my code: import { ChartColors } from "$fresh_charts/utils.ts"; import Chart from "../../islands/chart.tsx"; const data = […
I would like to know if there is a way to make the chart's width increase if the number of items in the legend doesn't fit with its initial size I tried a lot of different settings and approces like…
I have a bar chart with multiple datasets which include empty values. I use skipNull to hide the empty values. Currently each group (month) has the same width, and the width of the bars is inversely proportional to the number…
For context I am building a web application that logs hours spent on certain skills or activities and then displays this data back to the user via a bar graph using Chart.js. I am able to successfully display a mock…
I'm working on a scatter with chartsjs. I declare all the value, type category. I want to hide some value from the scale. My scale is: 0,5,10,15 etc I don't want to show the label for value 5 and 15.…
In the above component of my React project I have used setInterval to create a State Array that has a maximum size of 10 and used ChartJS to represent the changes in that Array in a Line Graph, but multi[le…
I have tried using lots of suggested things but nothing is working I am trying to start y-axis from 0 but if there is only one data (one label and one data) it gives value on axis from example image…
How to fix these spacing between bars ? when i have few data its become long width spacing. What i want is fixed bar size fixed spacing between bars fit-content of canvas width so when there just a few data,…
I am trying to use the functionality of chartjs-plugin-zoom in my laravel application but I cant't get it to work. In the blade I am loading the plugin through Cloudflare cdnjs: <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js" integrity="some-long-string" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-zoom/2.0.1/chartjs-plugin-zoom.min.js" integrity="some-other-long-string" crossorigin="anonymous"…
I'm in the process of migrating over to chart.js 4.4.1 and in the prior version (2.9.4) I was able to fill the gap with a color as in the attached image. 2.9.4 sample img In the newest version, I'm able…