Stack Overflow
Stack Overflow

Questions tagged [chartjs-2.6.0]

Chart.js is a JavaScript library for creating animated, interactive graphs for inclusion on web pages. This tag is for version 2.6.0 specific questions.

Chart.js 2.6.0

Chart.js is a javascript library that can be used to easily create animated, interactive graphs to include on web pages.

Version 2.6 provides improved stability, a new documention and new features like an advanced area chart.

Further Information

Related tags

291 questions
0
votes
1 answer

How to remove the coloured rectangle(dataset label) in chartJS

I have used the chartjs 2.8 and drew a Bar chart using the same. There is one rectangle coming above the chart with filled color (https://i.stack.imgur.com/Kh0pl.jpg). I have tried multiple ways to remove that but fails. I have tried the below code…
Amol Rokade
  • 145
  • 1
  • 11
0
votes
1 answer

Is it possible to display values where the display ends instead of on top of the points with chartjs?

I am trying to add the value of the line chart on top of the grid lines instead of the point itself. I have managed to add the value on top of the bar using the below code: options: { "animation": { "duration": 1, …
poca
  • 3,630
  • 3
  • 13
  • 19
0
votes
1 answer

Angularjs - Chartjs formatting

I am new to AngularJS. I have created a horizontal bar chart by using Chart.js and HTML. Now I would like to add AngularJS so that the chart is dynamically shown on the page. Could some one guide me how to start? Thanks. HTML:
Dee
  • 1
  • 1
  • 3
0
votes
1 answer

chart js is not loading properly in angular app

I am trying to add the Chartjs in my angular application. it's not loading the lowest value in the graph my code var ctx = document.getElementById('myChart'); var myChart = new…
Satti
  • 559
  • 2
  • 8
  • 26
0
votes
1 answer

Hide/disable tootlip on specific graph values

I have a bar graph with chartjs 2. I would like to hide tootlips when bar value is egal to a number ( in my exemple 8.23 ) I havn't found an option on chartjs to disable tooltips when hover a specific value tooltips: { enabled: true, …
Hamza Haddad
  • 1,516
  • 6
  • 28
  • 48
0
votes
1 answer

Tooltip backgroundColor depending on chart color ChartJS

I would set the background colour of tooltips depending on graph Here's how I made tooltips: { yPadding: -2, xPadding: 10, footerMarginTop: 5, titleFontColor: '#FFF', displayColors: false, …
infodev
  • 4,673
  • 17
  • 65
  • 138
0
votes
1 answer

decrease bar spacing chartJS v2

I would draw a thick bars with a small spacing Actually when I decrease bar thinckess I get gap between bars. What I would is to decrease this gap like in the photo And here's what Actually I have Here's a reproduction var options = { …
infodev
  • 4,673
  • 17
  • 65
  • 138
0
votes
2 answers

Chart js: generate dynamic labels according to the data

I'm fetching the chart dynamically .. This is chart of current month which ranges from 1-31 I want to have a range filter for example: 2012/01/1 to 2014/01/1 How can I do this labels will be too many? Lets say I decide on doing it yearly but…
rakesh shrestha
  • 1,335
  • 19
  • 37
0
votes
1 answer

How to set equal width between ticks - chartjs

I have a chart which now looks like this: xAxes: [{ scaleLabel: { display: true, labelString: 'log(Re)', }, type: 'linear', ticks: { suggestedMax: 10000, maxTicksLimit: 10, }, …
Dmytro Burlaka
  • 1
0
votes
1 answer

Chart.js - Multiple generateLegend() functions on same page

So I've been experimenting with Chart.js lately and I'm working on a project where I need to loop three Charts dynamically and I need each of them to have their own Custom Legend generated by the generateLegend() function. The problem is that the…
Miro Mărgineanu
  • 1
  • 3
0
votes
1 answer

How to align ChartJS bars to the left?

I want to create a bar chart on ChartJS but I'm not having success when trying to remove this "gap" between the Y-axis 0 bar and the first bar. Is it even possible? This is the example with a small gap And here is what I want to achieve, without…
Gabriel Bueno
  • 480
  • 1
  • 4
  • 17
0
votes
0 answers

Suggested minimum for time series chart in ChartJS

I need set suggested minimum for my time series chart. It means, when I have values bigger than suggested minimum chart will be dynamically expose range until lowest value hit suggested minimum and values with lower date will not showed anymore. var…
Denis Stephanov
  • 4,563
  • 24
  • 78
  • 174
0
votes
1 answer

Chart JS distance between bar stacked

I have created bar stacked graph in chart JS for maintaining All the shifts month wise Regular shifts, Annual Leave, Sick etc..., which is working fine. Now as you can see the image its not showing proper data and distance between data-set, Can…
DIPESH
  • 21
  • 7
0
votes
0 answers

ChartJS - How do I remove the X-Axis color overlay on the chart?

I styled the ChartJS X grid lines a specific color, but the X Axis gridline has a default color that overlays the color I styled the grid lines with, does anyone what the reason could be that this is occurring? Heres the…
arippedwizard
  • 1
0
votes
1 answer

Reverse tick order

With radar charts is it possible to have the order be reversed? For example have 10 being closest to the center and 1 being furthest away from the center for values that are 1 through 10?
chrisgaines
  • 21
  • 5
1 2 3
…
19 20