Given the following chart how can I show a custom HTML label for the Y ticks? const yAxisLabelsLookup = { 0: { label: '2024-01-01', color: 'red', }, 1: { label: '2024-01-02', color: 'blue', }, 2: { label: '2024-01-03', color: 'green',…
Im working on displaying radar chart. I need to apply 2 color in each point labels. A image attached below. For example if first label 'Eating 65 / 28' then 65 is in red abd 28 in blue. I have…
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,…