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
1
vote
1 answer

Chart.js Treemap Adding custom text to each rectangle

I am using chart.js to develop a TreeMap. It works great but the issue is each rectangle only shows the value of the data. I want to add some custom text next to the value. How do I achieve this? var topTags = [ …
mewbie
  • 63
  • 2
1
vote
1 answer

How can I make small grid lines above ChartJS labels?

I am using Chart.js to draw a simple line chart. How can I make small grid lines on top of the xAxis labels? The documentation for Line Chart is here: https://www.chartjs.org/docs/2.7.3/getting-started/?h=line, but I can't find anything about it. I…
KDeveloper
  • 35
  • 4
1
vote
1 answer

ChartJS tooltip scrollbar to prevent data overflow?

I am working with a chartJS where I have callback function to display data in tooltip. As data increase overflow section of Tooltip is hidden from canvas. Is there a way to prevent overflow of tooltip and add a scrollbar to scroll the data in…
madhav koirala
  • 225
  • 3
  • 19
1
vote
2 answers

How could I put a string for the points on the x-axis?

I am using ChartJS v.2, and I would like to label arrayX by a string that will appear when the mouse will be on hover displaying the coordinates. ArrayX being points (numbers) I should label with something. data = { labels: arrayX, …
OutOfMemoryError
  • 391
  • 2
  • 4
  • 16
1
vote
1 answer

ChartJs how can I move bar into new group?

this one has been annoying me for too long now, ha. So I just want to manually control the group bars, the blue one below should be under Checkout 2. Any help much appreciated. var data = [ { label: "Android", type:…
Dunny
  • 87
  • 1
  • 1
  • 13
1
vote
0 answers

How to style the axis label for a bar chart using React-chartjs-2

bar-chart I have to make a bar chart like in the photo above which has rounded corners with a linear gradient background and the x-axis label should also have a background and rounded corners using react-chartjs-2 My current code is: Chart.js import…
Krithika Krishna Prakash
  • 13
  • 5
1
vote
2 answers

Chart.js Console JS Error while destroy the Chart on click event

on Bar click event of first chart "config.categoriesChart" gets the console error "chart.js:10403 Uncaught TypeError: Cannot read property 'handleEvent' of undefined" enter image description here which diplayed as …
Asif Ganaie
  • 11
  • 5
1
vote
2 answers

Chart.js - disable tooltip when cursor moves outside the main canvas

I have a line chart and I set up my tooltip like this options: { tooltips:{ mode: 'x', intersect: false, callbacks: { footer: function(tooltipItem, data) { return 'some text' …
VII
  • 279
  • 2
  • 11
1
vote
1 answer

Chart.js - add 1 more tick step to an axis

I am drawing a bubble plot with Chart.js. Sometimes the big bubbles happen to be near the edge of the plot and get truncated. Therefore I've tried to extend the axis limit beyond the data range. The idea is like this min_x_axis = min_x_data -…
VII
  • 279
  • 2
  • 11
1
vote
1 answer

How to make stacked bar chart in Chartisan

I have laravel application and i want to display a chart. I have install Laravel Chart and Chartisan/Chartjs. But i dont know how to configure stacked bar. @section('customScript')