chart.js Questions
12
I need to hide labels in line chart drawn using library chart.js. I googled but no luck. Could that be hidden?
Thanks
Cahill asked 25/2, 2015 at 10:21
1
Solved
I want to display the value of the numberValue as a label on hover on the bar chart. I have tried many ways of doing this, but nothing appears on hover on the bar. Here is the code:
getBarChart() {...
Venosity asked 28/5, 2023 at 10:14
8
Solved
How can I draw an vertical line at a particular point on the x-axis using Chart.js?
In particular, I want to draw a line to indicate the current day on a LineChart. Here's a mockup of the chart:
h...
Hypha asked 15/5, 2015 at 10:4
6
Solved
In Chart.js, is there any way to write the labels inside of the horizontal bars in a "horizontalBar" chart? As in something like:
Is anything similar to this possible in Chart.js?
Thanks!
Penstemon asked 28/7, 2016 at 20:9
3
I can't figure out how (or if it is possible) to create a gap in a line chart in chart.js.
Example:
I have some data for each year:
2010|20.3
2011|-1
2012|21.4
2013|26.5
-1 represents a year w...
Metalanguage asked 13/8, 2014 at 10:45
7
Solved
I'm making a chart with chart.js and I'm trying to figure out how I can change the label/legend styling.
I want to remove the rectangle part and instead use a circle. I've read that you can make yo...
Unbalance asked 2/4, 2017 at 20:16
11
Solved
Is there a bug with Chart.js? Every time I add any of the graphs at Chart.js to my website I get an error, but when I used the graph as stand-alone program it runs smoothly without errors. I am usi...
Disconcerted asked 22/4, 2015 at 0:32
3
I am using ChartJS with angular (https://jtblin.github.io/angular-chart.js/)
I am able to get a vertical line in my chart when hovering using How to render a vertical line on hover in chartjs examp...
Monreal asked 21/7, 2016 at 1:40
2
Solved
currently I am using radar-charts (chart.js) in my angular project. I' m want to change the scaleLineColor of the different section and don't know how to achieve this result:
according to this ...
Fleuron asked 28/8, 2018 at 11:22
2
Solved
home.component.ts
global: boolean = false;
country!: string;
data: GlobalData;
dailyData: any[] = [];
countries: any[] = [];
lineChartData: any[] = [
{
data: [65, 64, 33, 44],
label: 'Temp label...
Hogg asked 4/7, 2021 at 12:43
3
Solved
I'd like to change a size of the point in my chart.
The point should be as small as possible. Was trying to use
pointHoverRadius: 1
But it doesn't work.
Thanks in advance,
Onstage asked 13/9, 2017 at 9:39
6
Solved
I displaying a chart where two types are included. Now I want to hide the toolbar for one dataset. I saw some discussion like this on GitHub, but this doesn't bring me further.
Here is an example...
Sprightly asked 30/3, 2017 at 12:50
8
Solved
Using Chart js I am trying to pull data from Ajax call to supply to the Chart.
I found a few other postings where people have suggested delaying the canvas load but nothing has seemed to work. Cur...
Denten asked 15/4, 2016 at 14:53
14
Solved
I have a bar chart that's created using chart.js. Everything works fine on page load, but when I change the time frame using a daterangepicker, a glitch appears. The new data is brought in, but whe...
Revalue asked 14/3, 2017 at 14:38
2
Solved
I have a doughnut graph created using Chart.js with two datasets. The graph displays the number of employees in offices around the world, with the second dataset breaking this down into permanent a...
Rhombohedral asked 26/4, 2018 at 12:47
7
Solved
I'm using Chart.JS to plot a dataset,
However I got a smooth effect !
Here is the curve I've got :
Here is my code :
function plotChart(data, labels) {
var lineChartData = {
"datasets": ...
Dexamyl asked 21/12, 2015 at 20:5
6
Solved
I have recently implemented chart display using react-chartjs-2 (https://github.com/jerairrest/react-chartjs-2)
I want to enable zooming and panning feature so that it will be more user-friendly i...
Stereoscope asked 21/9, 2017 at 14:4
4
Solved
I have defined two slightly different Chart.js plugins and I have a page with two different charts. I want to apply the first plugin to the first chart and the second to the second chart.
According...
6
Solved
I am dealing with a chart that has unwanted spacing on left and right side. I've been trying to remove it with no luck, and I don't know what else to do now. I've read the documentation thoroughl...
Trochilus asked 9/1, 2017 at 11:26
3
I am using react-chartjs-2 in a project of mine and I cannot find the problem of the chart, because on mobile all the labels and legend are still big af. I tried responsive: true, maintainAspectRat...
Perspicuous asked 3/12, 2018 at 12:38
2
Solved
1) How to display only first, middle and last OR only first and last labels(Dates) on X-Axis of Line chart using chart.js?
2) Also, if possible I want to display only those specific number of vert...
Glad asked 16/9, 2018 at 19:51
6
Solved
I created a donut chart with Chart.js and I want it to have rounded edges at both ends.
I want it to be like this:
But I have it like this, with sharp edges:
The best I found was this answer:...
Rooney asked 29/4, 2016 at 9:44
2
Solved
I'm trying to create a simple line graph with x,y coordinates but i'm getting a blank page .
I don't want to set labels , but have them generated automatically from the x,y coordinates. I think c...
Crossindex asked 14/7, 2017 at 8:25
2
Solved
I'm generating a pie chart with legend that looks like so:
As you can perceive, the pie is pitifully puny. I prefer it to be twice as tall and twice as wide.
Here is the code I am using:
var ...
4
I have a Chart.js javascript chart ( https://www.chartjs.org/ ) placed on my web page.
This javascript based chart sits inside a Canvas element which has ID: chart-0
<canvas id="chart-0&quo...
Nympho asked 16/12, 2022 at 6:1
© 2022 - 2024 — McMap. All rights reserved.