All Questions
12,351 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
2
votes
1
answer
105
views
chartjs-treemap not registering in chart.js
I'm trying to extend a working implementation (I'm using line, pie, bar and scatter chart types with no problem) of Chart.js with the treemap extension. I'm using vanilla JavaScript.
// The ellipsis ...
Advice
0
votes
3
replies
61
views
Chart.JS - Change canva of a chart
I can't figure out how to correctly change the canva element of a Chart...
I tried:
chart.canvas.replaceWith(ctx);
But it doesn't show up sadly :/
0
votes
0
answers
61
views
Using different legend labels for each curve of a 2 lines graph
I am using Chart.js and try to make line chart with 2 curves.
I want different fonts styles for legend labels for each curve.
Here is my code:
const ctx = document.getElementById('myChart');
const ...
0
votes
1
answer
115
views
Rails 8 importmap and chart.js
Installing chart.js to Rails 8 with importmap
Install package
bin/importmap pin chart.js
Pinning "chart.js" to vendor/javascript/chart.js.js via download from https://ga....
-1
votes
1
answer
91
views
React-ChartJS-2 Radar chart still showing default point labels even when pointLabels.display is false
I’m building a Radar chart in React using react-chartjs-2 and Chart.js v4.
I want to disable the default black "point labels" (around the circle) because I’m drawing my own custom labels with a plugin....
Best practices
0
votes
1
replies
41
views
How to instantiate generateLabels callback so that a returned legend item introduces a newline in the legend
When using options.plugins.legend.labels.generateLabels , I would like to group legend items in multiple rows, by introducing a newline.
I would like to use the 'native' legend plugin, and avoid ...
Tooling
1
vote
0
replies
147
views
What is the best React-based charting library for interactive plots with large datasets?
I'm currently evaluating React-based plotting libraries for a project where we need to implement interactive charts such as line, bar, and scatter plots. The goal is to find a library that offers good ...
-1
votes
1
answer
72
views
How to make the legend vertically centered?
Im trying to add some space on legend but when i increse height liek that it increses space but its aligned at top so all the space is addign to bottom but since i positioned my legend at bottom i ...
0
votes
1
answer
107
views
Chart.JS overflowing labels
I am using the ChartJS library with a Vue Chart wrapper library.
Playground/Demo
My current issue is, when you open the playground, you can see the date labels on the X axis sort of "overflow&...
0
votes
1
answer
65
views
Specify label for each point in scatter graph
The following code contains a simple chart.js sample that works in angular component. The charts contains 2 points in one dataset.
How can I specify label for each point that will be displayed near ...
1
vote
1
answer
80
views
Any way to make Chartjs radar chart size independent of label lengths?
ChartJS automatically scales radar charts to fit the containing element. This ensures labels on the left and right are completely displayed.
However, if the rendered label lengths differ, this means ...
Dan's user avatar
- 1,451
0
votes
0
answers
37
views
How can I return executable Javascript from my TYPO3 dashboard chart's data provider?
I'd like to implement line segment styling in a TYPO3 dashboard widget.
My data provider implements TYPO3\CMS\Dashboard\Widgets\ChartDataProviderInterface and provides a getChartData() method which ...
0
votes
0
answers
40
views
Inconsistent legend overflow in Chart.js 3.7
I have a line chart built in chart.js 3.7. The legend items at most screen widths need to overflow into a second line. However, this only happens about 50% of the time the chart loads.
The first image ...
4
votes
1
answer
104
views
Line fill borderradius in Chart.js
Is there a way to add a borderradius to the fill background on a line chart in Chart.js?
An example of what I want to achieve:
Line fill with borderradius
I've used fill: 'start' on the dataset and ...
-2
votes
1
answer
75
views
jQuery not grabbing form setup in chart.js loadCallback function
I have a form appearing in a popup, this loads in the content section of chart.js new Popup function. I'm utilizing the loadCallback as described in their documentation to set up actions based on ...