chart.js2 Questions
7
Solved
I have the following Radar chart using Chart.js v2.
My configuration:
legend: false,
scale: {
pointLabels :{
fontSize: 16,
fontStyle: "bold",
}
}
The problem here is the "Communication" l...
Chesterfieldian asked 16/8, 2017 at 15:58
4
Solved
To start, I have made a short video to show exactly what I'm running into.
To summarize the video: while using Chart.js (2.6.0), I can create my charts without issue; but when I mouse-over the bar...
Raddie asked 16/8, 2017 at 6:50
1
We are using Chart.js 2.1.4 in a project we are working on. When trying to get the point where a line chart was clicked on, the getElementsAtEvent function is returning an empty Array. I understand...
Firmament asked 8/6, 2018 at 14:3
3
Solved
I want to create a chart.js plugin to create waterfall charts.
I am new to working with chart.js. I was thinking to extend the bar-chart to create a waterfall chart.
The draw function in the bar ...
2
I have a chart that I want to use the github zoom feature for found here.
I am have wrote the code below which runs error free, but when I try to zoom in and out on my mouse wheel it does not work....
Splutter asked 4/8, 2019 at 3:26
4
Solved
Looking For a method to add onClick handle on the "label" element in chartjs 2.0
As using below method will return "undifined" in console.log whenever clicking on any one of the label attributes in...
Selfgoverned asked 4/5, 2016 at 13:14
3
Solved
I want to know that if it is possible to show more values on point hover in chart.js.
Have a look in this fiddle.
This is a smiple graph example taken from the chart.js site. If i hover a point i...
Legato asked 16/3, 2017 at 16:22
4
Is it possible to define a bar chart with a multi level/category axis?
For instance I'd like to display the Region/Province categories like in this Excel chart:
I found this example using multi...
3
I am looking for a way to fill between two lines with Chart.js so that it would look like this. I have looked and everything seems to talk about filling between two lines across zero. I also need o...
1
Solved
I have a dataset with labels using Chart.js. I want to separate the label into two lines with a new line character.
I have tried <br /> and \n, and neither work.
labels: ['(A)<br />Waki...
Bessel asked 23/5, 2019 at 21:49
1
Solved
I'm using Chart.js version 2.7.1 and I am dynamically updating my Line chart when temperature data comes in.
The problem is that the lines never pass the halfway mark of the x axis in time. Every t...
Fernferna asked 23/4, 2019 at 14:6
1
Solved
When you hover point on a Line chart tooltip displays wrong value of label from x-axis. I am using the latest version of Chart.JS 2.8.0
Here is the fiddle: https://jsfiddle.net/2mq1vt0o/
This is ...
Guillerminaguillermo asked 30/3, 2019 at 4:30
4
Solved
I want to change the font to something snazzier in my Chart.JS horizontal bar chart. I've tried the following, but none of it works:
var optionsBar = {
. . .
//fontFamily: "'Candara', 'Calibri',...
Whipsaw asked 20/9, 2016 at 20:46
2
Solved
I use line of Chart.js( Version: 2.7.2 ) in my application and I open dialog when clicking on some element and
I need to get label(date on xAxes) of the current element. Googling I found examples a...
Utilize asked 4/10, 2018 at 6:37
1
Solved
I'm building a graph using ChartJS and the Alpha-Vantage API. And for the most part, it works as expected.
But this is only if every dataset is plotted as a line-graph (So my data is definitely th...
Revisionist asked 23/8, 2018 at 5:20
1
Solved
I need to set the even/odd space between the ticks background color just like in the following image;
See the "Interlaced Colors" background color. I need to do this for both vertical and horizo...
2
Is is possible to have a category scale on y-axis in Bubble chart?
I am trying to create a bubble chart where on y-axis-> days of the week and x-axis-> time in "hh:mm a" format. (only because Chart...
1
Solved
I have successfully got the information by onClick function. But is there any method i can get the point information on Hovering over the point. Right now onHover as mentioned in docs is not workin...
Foulmouthed asked 10/1, 2018 at 16:30
2
Solved
I'm using Chart.js 2.6. I have a chart to which I've added custom pagination to step through the dataset, as it is quite large. My pagination and everything works great, I simply grab the next chun...
Makkah asked 3/7, 2017 at 14:8
1
As per chart.js documentation I can specify an Array for Colors of border and background.
However on using this following configuration for chart.js. I am trying to figure out why array values for...
Lynden asked 11/7, 2017 at 14:25
1
Solved
I am attempting to build a basic bar chart, but I am getting the error in the title. I have used alert() to verify that the array I want to populate the chart with holds data, but something is stil...
Griz asked 3/8, 2017 at 2:32
1
Solved
According to the Chart.js docs, the following code should work:
new Chart(document.getElementById(chartID), {
type: 'pie',
responsive: true,
maintainAspectRatio: false,
data: {
labels: graph...
1
Solved
I am creating a stacked bar chart using Chart.js. However, I cannot find in the documentation how to change some things.
How to add a label on the Y axis.
How to shorten the label on the X axis s...
Avestan asked 18/4, 2017 at 14:19
2
JSBin here: http://jsbin.com/xukuhanota/1/edit?output
I'm trying to increase the height (or essentially, the top/bottom padding) of the labels (ticks?) along the x axis.
Here is the relevant bit ...
Paderewski asked 10/6, 2016 at 20:7
1
Solved
I have a stacked bar chart and two line charts. The second line chart is beeing stacked on top of the first line chart but I don't want this behaviour.
What I've tried is to explicitly set the sta...
Elba asked 22/3, 2017 at 18:4
© 2022 - 2024 — McMap. All rights reserved.