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
3
votes
3 answers

Chartjs error : time scale: "time.format" is deprecated. Please use "time.parser" instead

I am using Chartjs for my project. Different versions I am using are: ChartJS 2.9.3, Chartjs-plugin-streaming 1.8.0, moment.js 2.24.0,chartjs-adapter-moment 0.1.1. I plotting a realtime chart and I get this warning every second which is filling…
braveYug
  • 43
  • 7
3
votes
0 answers

How to customize border style on React Chart.js 2

I am trying to add dashed border to my bar charts. I am following this example here- https://jsfiddle.net/jt100/ghksq1xv/3/ I am not getting much luck I have followed the instruction very carefully and passing in the correct values but I am not…
Code Ninja
  • 157
  • 4
  • 13
3
votes
0 answers

display chart with chartJs, chartJs only when 2 id selected not showing result of one sided, otherwise single or multiple record selected works

i am using this chart example where i updated query in data.php with working "SELECT student_id,student_name,marks FROM tbl_marks WHERE student_id IN(1, 2, 3)" not working "SELECT student_id,student_name,marks FROM tbl_marks WHERE student_id…
parth purohit
  • 43
  • 6
3
votes
2 answers

ChartJs - Pie Chart - how to remove labels that are on the pie chart

I am using piechart from chart.js for visualization in my application. I am using a plug-in with it chartjs-plugin-piechart-outlabels to show the labels as out-segments from the pie chart. It's all working fine, except that, the labels exists on the…
user1722043
  • 145
  • 3
  • 11
3
votes
1 answer

Date range picker and chart js

I want to change the x-axis label on chart js according to my date range picker.If I select this week then x-axis label should started from sunday to saturday. If i select this month then the x-axis label should start from october 1.... october 30.…
rakesh shrestha
  • 1,335
  • 19
  • 37
3
votes
2 answers

Always display ChartJS custom tooltips

After following several guides on here and from the official docs, I am absolutely stuck. I have some custom tooltips that will display a PNG graphic within it based on the name of the data in the custom tooltip. I have found several solutions to…
Kevin Smith
  • 139
  • 3
  • 18
3
votes
1 answer

chart.js 2 - Is it possible to format tick labels with HTML?

I have a chart that shows 3 datasets - 2 Line, 1 Bar. I would like to be able to format the Y-2 axis labels in the screenshot below with HTML to allow me to show the values in each tick as bubbles to match the styling displayed on the line data…
Antfish
  • 1,313
  • 2
  • 22
  • 41
3
votes
1 answer

How to Create a Custom Logarithmic Axis in Chart.js

I'm trying to refactor an old Flex app using Chart.js and I would like to replicate this linear/log axis. Notice the clean minimal spacing on the yAxis. Here is my Chart.js code. var mtbsoData = []; var mtbsoLables = []; for…
Adrian Smith
  • 1,013
  • 1
  • 13
  • 21
3
votes
1 answer

How to add background color between two lines in yAxis Chartjs

How i can add background color between two lines in Y-Axis in chartjs if you checked the figure i need to be able to do something like this set a color between two lines first one is orange and then blue or whatever, i checked the official docs…
Ahmed Magdy
  • 506
  • 1
  • 5
  • 17
3
votes
0 answers

How to make smooth line joints in chartjs?

I want to make straight line chart but with border-smoothed angles (joints) like in the image below: Is it possible at all (interpolation is not working in this way)? JS example which I found is based on vuetrend -…
Vadim
  • 538
  • 2
  • 5
  • 23
3
votes
2 answers

ChartJs Force scatter plot to be square shaped

I am trying to create a scatter plot where XAxes and YAxes is the same scale and size. The plot will become a square with identical Axes. Therefore if the data be {x:0, y:0}, {x:100, y:100} it draws a diagonal (45 degrees) line. I am plotting A…
JooJoo1020
  • 85
  • 2
  • 8
3
votes
1 answer

ChartJS: add a clickable text in title

I am using ChartJS to draw a line chart. I want to update the chart with the different dataset but that is another case. Right now i am having trouble in adding a button in the title because no callback function is available for this. Any thing from…
fat potato
  • 503
  • 1
  • 9
  • 29
3
votes
1 answer

Clojurescript/Reagent/Chart.js - Reagent life cycle - chart.update()

We are using chart.js with clojurescript and Reagent. Now I know that Chart.js has a chart.update() method to update the chart with new data. So the question is, how can I setup my component so that it renders the chart on :reagent-render but…
Amit Shah
  • 107
  • 6
3
votes
0 answers

chart.js | How to detect a summit/peak in line chart data

Chart.js 2.6.0 Expected Output I have a problem to solve, I needed to generate this chart out of data: I somehow managed to generate this chart. Problems I am searching for best way to detect summit/peak of data-mountains so that I could put a…
Shiva
  • 11,485
  • 2
  • 67
  • 84
2
votes
0 answers

Custom legend labels react-chartjs-2

I look all over the chartjs documentation and StackOverflow issues but can't find an example of how to custom legend labels in react-chartjs-2. I want to switch the default labels to checkboxes like the photo: can someone please help me with that?
Daniel Raz
  • 41
  • 4
1 2
3
…
19 20