Skip to main content
Filter by
Sorted by
Tagged with
0 votes
0 answers
9 views

Fill graph doesn't work for line charts in chart.js 3.9.1 version

I'm plotting a line chart in my react project using chart.js (3.9.1). This is the data I'm passing to the chart. I can see the chart but I don't see the fill color for the chart. Strangely I see the ...
Ravada Ratnakar's user avatar
0 votes
0 answers
12 views

Chart.Js Chart's layout is not updated in storybook

my goal I'm trying to make Chart preview with using StroyBook and Chart.Js. what I Did make Chart Component with using Chart.Js make Story Component with using Chart Component versions "chart....
jyc-coder's user avatar
1 vote
0 answers
35 views

Chartjs: chart is blurry when using webworker

I am trying to use chart.js with webworker. I am able to create the webworker and show the chart on the screen with the right dimensions. The problem is: the chart is blurry and a bit "zoomed in&...
tlvi38's user avatar
  • 311
1 vote
1 answer
39 views

Chart.js - Alignment of 0 values for multiple datasets

I am trying to compare 2 datasets in chart.js. There are large differences in values so in order to compare the values a have decided to graph the data on 2 different y axes. 1 of the datasets has ...
Digitalwolf's user avatar
0 votes
1 answer
37 views

Dataset scaling in a Chart.js bar chart for better comparison

I’m using Chart.js to graph two datasets on the same bar chart for a time-based comparison (x-axis). However, I’m encountering an issue where the height of one graph squashes or expands to fit the ...
Digitalwolf's user avatar
1 vote
0 answers
31 views

Where are the Java classes BarScale, CategoryTicks and BarOptions.IndexAxis?

I am migrating from PrimeFaces 13 to 14. The migration guide says the new chart component allows raw JSON or XDEV Chart.js Java Model. I copied the Java code for the bar chart example from the ...
Jorge Campins's user avatar
0 votes
0 answers
39 views

Combine upload image with chart.js

Is it possible to upload an image and then use it as a background in Chart.JS? I found two separate codes but cannot combine them. It is possible to combine the two codes? window.addEventListener('...
Patlion's user avatar
  • 11
1 vote
1 answer
32 views

Chart height is messing on creating new chart after destroying a canvas

During the creation of my chart initially it is rendering up perfectly like you can see below but when i use my filter to get the dynamic datasets and render my chart, after destroying the initial ...
Lakshay Malhotra's user avatar
0 votes
1 answer
34 views

Issue with Dark and Light Mode in Chart.js using react-chartjs-2 with React, TypeScript, Vite, and Bootstrap

I'm working on a React project with TypeScript, Vite, and Bootstrap, and I'm using react-chartjs-2 and Chart.js to display a bar chart. The chart is displayed correctly, but I'm having trouble setting ...
Dikshit Patel's user avatar
1 vote
0 answers
50 views

Line chart rendering based on dynamic duration changes with suffixes

prTimeToMergeChartOptions : any = comboChartOptions; prTimeToMergeChartsOptions(){ this.prTimeToMergeChartOptions.scales.x.title.text = "duration" this.prTimeToMergeChartOptions....
Sidrameshwar Biradar's user avatar
0 votes
0 answers
55 views

Use Chart.js in a custom wordpress theme [closed]

I'm trying to use Chart.js in a custom made wordpress theme. I installed the package according to the step-by-step guide on the website of Chart.js. In my main theme folder I now have the folder ...
Sebastiaan Mullens's user avatar
0 votes
0 answers
15 views

How to force scripted chart.js element color changes to persist, rather than immediately revert to default values

I am creating a bubble graph plotting each bubble as a separate dataset. An event handler displays additional information about each dataset when the corresponding point is clicked on. The display is ...
C McNorgan's user avatar
2 votes
2 answers
47 views

How to remove extra paddings on top and bottom of bar chart in ChartJS?

I have created a single line stacked horizontal bar chart with ChartJS v4.4.4. Additionally, I disabled the legend display, made the point radius equal to 0. I also added negative padding for layout ...
daniil sidorov's user avatar
2 votes
1 answer
53 views

How to control the ticks labels major or minor?

I have not been able to control the labels from scales/x/ticks/major or minor. Here is a simple code to illustrate the problem. <!DOCTYPE html> <html lang="en"> <head> &...
PBrockmann's user avatar
0 votes
0 answers
52 views

Chartjs > Display tooltip on two charts when hovered over anyone of the chart

on Hover tooltip works for one chart at a time, it should display tooltip on both the charts. The second chart does displays active points but not the tooltip. The tooltip is a custom one used here. ...
Nishant Salode's user avatar

15 30 50 per page
1
2 3 4 5
826