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
2
votes
1 answer

Is there any way to get Chiselled Effect in chart js?

enter image description here is there any attribute or any way to get this effect on chartjs
2
votes
2 answers

chart.js time series skips days

I have a very simple bar graph where each data point consists of a date (day) and a number. Maybe the only speciality is that not every date is covered (i.e. for some days there is no data point). When drawing the graph, only those days are shown…
Boris
  • 8,551
  • 25
  • 67
  • 120
2
votes
1 answer

Chartjs initial animation want to change from left to right (default it is bottom to top)

using chartjs 2.1.4 (customized one), default chart showing animation bottom to top, in our application downside of canvas two buttons (left and right) in click on left button chart animation want to right to left, in click on right button chart…
Amal Joy
  • 21
  • 1
  • 3
2
votes
1 answer

ChartJs - Disable Animations

I am using ChartJS inside of an angular 7 application. I want to disable the animations on my line series because the series is constantly being updated. I have tried setting options: { animations: false } as well as options: { …
Irrelevant_Coder
  • 231
  • 1
  • 5
  • 17
2
votes
1 answer

Chartjs duration horizontal bar chart

I'm trying to figure out how to approach drawing this chart. It looks like a stacked horizontal bar chart, but I'm having troubles with defining a datasets format for duration intervals. I still haven't found the right way to structure the data…
Oddomir
  • 81
  • 2
  • 10
2
votes
1 answer

Stacked Bar "Time Line" Chart using Ng2-Charts/ChartJs

I am looking to create the following chart using Ng2-Charts (Angular 2 directives for ChartJs). However I am having difficulty with the logic for the data set. I have researched to find a similar chart (using ng2-charts) but to no avail. Here is…
2
votes
1 answer

Chartjs - custom y axis range

I wanted to add custom y axis range to chartjs. Currently its picking automatically.My data range is too large so min and max doesn't work properly,most of the items are invisible in that case. Sample Data I wanted to add some custom y axis range…
Siby Augustine
  • 141
  • 2
  • 6
2
votes
0 answers

How to make pie slices in chartjs clickable (react-native)

I am working with a library that makes chartjs usable on react-native: react-native-chartjs. The chart works well, but when I press on the pie slices I only get the tooltip. What I would like to, is to create my own function that will load a pop-up…
2
votes
3 answers

Chart.js: Pie chart legend "onclick" gets overwritten by "options.onclick" if both are present

I have a pie chart that needs to call one function when you click on a segment of the chart and another different one if a label in the legend is clicked. I hoped to achieve this behaviour with the following: options: { responsive:…
Notaras
  • 611
  • 1
  • 14
  • 44
2
votes
1 answer

Highlight last clicked bar in ChartJS

I am trying to change the opacity of the last clicked bar in ChartJS, and for it then to be 'unhighlighted' the next time another bar is clicked. Basically the default behaviour for hover. Please note this is a stacked bar chart, and I wish for the…
Kevin Smith
  • 139
  • 3
  • 18
2
votes
1 answer

ChartJS unique datasets per label

I'm sitting here on a problem and I can't find a solution for it. I'm trying to create a stacked bar graph with chartJS. Nothing complicated to that point. My problem: Every bar on my chart should have unique values / labels. Those shouldn't be…
Twinfriends
  • 1,972
  • 1
  • 14
  • 34
2
votes
2 answers

Chart.js - Increase spacing between bottom legend and chart

i'm trying to achieve something like this but with legend on bottom. When i try adding it at most i can get something like this: i'm considering separating legend to another div like
but it would…
TestzWCh
  • 153
  • 1
  • 3
  • 14
2
votes
1 answer

ChartJS large data range

I have a dataset which has large range between the largest and the smallest. My problem is that the smallest bar becomes invisible when the largest bar has too much data. Take a look at the screenshot below. In the screenshot, the second, third,…
notQ
  • 229
  • 3
  • 14
2
votes
0 answers

One legend, multiple charts Chart JS

I have two pie charts with different data but same labels and background colors. How can I create a standalone legend (a legend without a chart) using ChartJS so that the legend corresponds to both the pie charts at the same time? I tried creating a…
2
votes
1 answer

How to remove background color and color example from tooltip in Chart.js?

How to remove background color and color example from tooltip in Chart.js? I want him to be not just white but transparent and show only this number, not a square with an example of color.
John Doe
  • 3,794
  • 9
  • 40
  • 72