Questions tagged [chart.js]
Chart.js is an open source JavaScript library for creating animated, interactive charts for inclusion on web pages.
chart.js
12,403
questions
0
votes
0
answers
9
views
How do I change the font of Chart.js/React-Chartjs-2 labels?
I have a Next.js personal website that I want to add features to. One of these features is a Chart using Chart.js + React-Chartjs-2. I use App Router.
The issue is that the fonts used in the chart ...
- 117
0
votes
0
answers
16
views
Image as background of data labels i.e as background color in chart.js [closed]
Is there any way to add image as background color i.e different image for background of each data label. If there is please let me know.
I tried doing it by putting images in an array and equating it ...
0
votes
0
answers
33
views
How to dynamically update Chart.js horizontal bar chart to show only team members with data in selected modules? [closed]
I'm working with a horizontal bar chart in Chart.js where each bar represents a team member. The chart's vertical axis lists team members, while the horizontal axis depicts different time periods ...
0
votes
2
answers
48
views
Prevent chart to resize due to long labels
i am using chart.js and react-chartjs-2. I have this polar chart and a dropdown at top left, as seen in the screenshots, they get resized due to long labels. when I give an empty array to display no ...
- 1,771
-2
votes
0
answers
22
views
How to center tick between grid line in Radar chart.?
To center ticks between grid lines in a Radar chart using Chart.js, you can adjust the offset option in the scale configuration. Here's how you can do it:
1
vote
1
answer
28
views
How to center the ticks between grid lines in Radar chart?
The problem is that I don't know how to position the ticks (numbers from 1 to 5) between the grid lines. Currently it is showing above the grid lines:
Here is the javascript code:
const ctx = ...
- 73
0
votes
1
answer
41
views
I want to make only border top and border bottom to a doughnut chartjs
Problems :
I have the border left who add an triangle border left and right
And i have the natif problem of responsive legend size, i want to add css on segment but not on legend of this segment.
** ...
- 1
1
vote
0
answers
29
views
ChartJS Category Axis for line chart to behave same as bar chart
I have a chart which shows different datasets depending on what has been selected.
Some datasets are line charts and some are bar charts all using the same categories on the x-axis.
Now my problem is ...
- 1,073
2
votes
0
answers
75
views
Chart js 2.9.4 - showing tooltip of another column in bar chart
I am using Angular 4 and Chart js 2.9.4 - bar chart and pie chart where I am hovering on 2nd column and showing me tooltip of 1st column.I have tried different configuration in tooltips using position,...
- 580
0
votes
0
answers
29
views
Uncaught runtime errors: ERROR dispatcher is null
Trying to use chart.js, but everytime i try fetch the data it throws me 'Uncaught runtime errors:
ERROR
dispatcher is null' this error. The page doesn't render at all, everything on there is gone, ...
- 11
0
votes
0
answers
29
views
ChartJs adding data point between x axis point [closed]
chart image
how can I hide the gap between age 6 and 7 and so on but still keep the data point?
So basically the Min, Avg, and Max is a yearly data, but the Height is a progress data that would be ...
0
votes
0
answers
37
views
Show dataset by dataset bars/lines in chart.js [closed]
Expected output
[current output][https://i.sstatic.net/CUfctmhr.png]
So as the images show. currently it shows a bar from each year in january. I want this years to be visible only after all months of ...
0
votes
1
answer
27
views
how to make chartjs-plugin-colorschemes 0.4.0 work with Chart.js v4.4.3
basically im doing everything like written in the doc, so
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script type="...
- 3,833
0
votes
2
answers
28
views
How to have line span from 2 points in chartjs?
I currently have a chart with a dynamic line and a horizontally static line:
Right now, the code manually types out the horizontal data points 50 times:
var data1 = {
datasets: [
...
- 488
1
vote
0
answers
28
views
Indicate label for Horizontal line
I'm trying to find a way to add a label to show what red horizontal line indicates (in this case it's target) Can anyone help me to add a label for horizontal line which cross through y = 100, please?
...
