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
0 answers

Using Chart.js, How can I create a bar chart for several sets of data

I am trying to create an advanced bar chart using chart.js. I would like my chart to have 3 sets of 3 bars. Each set examines data over a different time interval (7 days, 14 days, 30 days). I have attached the source data along with the image of…
0
votes
1 answer

Chartjs Timestamp to Datetime labels

I'm using a timestamp format to create my scatter chart (datetime won't work for scatter). I need help changing the labels in the X axis from timestamp to datetime so that it's readable by users. Just the axis labels, not the actual timestamp values…
Tomer Li-ran
  • 11
  • 2
  • 7
0
votes
0 answers

How hooks (plugins) and different phases in chart.js works?

I read the documentation for chart.js plugins & about different phases like render,init,update available here that occurs while chart appears on browser. But yet it is not clear for me how these different phases & hooks works. And which hook to use…
0
votes
1 answer

Line chart Change background color of shaded region on hover (Chartjs)

I've a line chart(chartJs) and i want to change the background colour of shaded region when hovered. I tried below : const data = { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [ { data: [12, 1, 4, 3, 5, 2,…
richa Singh
  • 435
  • 2
  • 5
  • 10
0
votes
1 answer

How to Update 2 dataset for 2 lines in a CharJS line graph?

var ctx = document.getElementById("canvas"); var Param1Data = { label: "Param1", yAxisID: 'A', data: chartParam1Value, lineTension: 0.5, …
0
votes
1 answer

Charting with chartjs, can't get it working correctly

I'm using chart.js@2.9.4/dist/Chart.min.js. I have an array (data) of objects that looks like this: (4) […] ​ 0: Object { Num: "5", "Label1": "6,342", "Label2": "3,051", … } ​ 1: Object { Num: "6", "Label3": "6,247", "Label4": "3,042", … } This…
0
votes
1 answer

Fill color to pointer in Chartjs

I'm using scatter graph. On hover over a point, the box representing the point color is not filled I need to fill it with the color of the line instead of just the border being of the color. Fiddle This is my…
MAK
  • 3
  • 3
0
votes
1 answer

Using Objects in chartjs

the issue I have now is that I'm trying to use objects in the "data" field of my Chartjs script. This is my code below: