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

Updating chart.js with array index 0 doesn't work

I have an array of chart data objects. I update the chart data by passing the index of the array and pulling data out of the object. This works perfectly for all indexes except 0. When initializing the chart, I load the 0 index and the chart works…
Barrett Kuethen
  • 1,864
  • 7
  • 25
  • 33
0
votes
0 answers

Customized YAxes of line chart use ChartJS

I want to align the y-axis tick labels below the gridLines of linechart in chartJS. Here's what I've got so far: But, i want to display same: My options: options={{ legend: { display: false }, tooltips: { mode: 'index', …
san
  • 1,515
  • 11
  • 18
0
votes
1 answer

how to filter dataset from labels using ChartJS

I have datasets from my chart and I want to reorganize to make it look better. This would be my chart OriginalChart and this would be my chart when I remove 2 elements labels from it and the idea would be to reorganize everything and delete the…
Rafael Rueda
  • 21
  • 6
0
votes
1 answer

ChartJS Stacked Group with labels on each bars

I am totally lost on how to achieve this chartjs-plugin-datalabels with my json result [ "[{\"label\":\"Meal\",\"value\":\"Rice\"},{\"label\":\"Location\",\"value\":\"VI\"},{\"label\":\"Payment\",\"value\":\"50k\"}]", …
Shina
  • 2,019
  • 2
  • 19
  • 25
0
votes
2 answers

Drawing a mixed stacked horizontal bar/line in chartjs

I've looked at the docs/examples for chartjs, but does anyone know a way to do the following? Create bars where the width (x-axis) is variable but the height is always full (aka the entire y-axis)? There can be x number of those bars in a…
ekjcfn3902039
  • 1,673
  • 3
  • 29
  • 54
0
votes
0 answers

Add custom link to the chartJS

I am trying to add custom link to the chartJS chart as shown in image. Any suggestion is welcome.. Thanks all in advance..
Shankar Shrestha
  • 21
  • 1
  • 6
0
votes
1 answer

How to make multiple stacked charts to share the same yAxis?

I have 2 charts with different data, stacked on top of each other. How do I make those 2 charts share the same scale of 1 y-axis? I configured the y-Axis as follow: yAxes: [{ display: true, stacked: true, type: "linear", scaleLabel:…
timthekoder
  • 415
  • 5
  • 16
0
votes
1 answer

Draw vertical and horizonal lines on the radar chart (like x-y axes)

Using chartjs, I would like to draw one horizontal and one vertical line that extend from the center of the radar chart and display custom title on the lines like below, can someone guide me?
Nagarjun
  • 2,346
  • 19
  • 28
0
votes
1 answer

How to add text inside scatter plot using Chart.js?

How to render text inside the scatter chart with Chart.Js. The scatter chart (i'm using) has the Zoom/pan plugin, so, i want the text to be anchored to the x/y coordinates of the plot when I'm panning the chart. Thanks in advance!
Ram
  • 1,011
  • 2
  • 8
  • 5
0
votes
0 answers

Bar chart blurs on production environment but on staging it's sharp & correct

I have used bar chart from chart.js 2 library in react. On localhost & staging the chart is getting displayed properly. But on running the same code on production bar chart becomes blur.
RB19
  • 169
  • 2
  • 10
0
votes
0 answers

Bar chart with time series data is not rendering properly using Chart.js

I am trying to render bar chart with time series data but it is not rendering properly, I am getting spaces in between stack bars, I have commented out the sample data which I am receiving from web server via AJAX call. Here is my code: let…
Murtuza Z
  • 5,639
  • 1
  • 28
  • 52
0
votes
1 answer

Change background color of all charts beside the one hovered

I want to change reg color of all the bar's except the one user hovers on. like in the pic below the chart i hovered on is light blue but i want to make every other bar light blue and keep the one as dark blue which is hovered. const data = { …
Nick Bb
  • 601
  • 1
  • 8
  • 18
0
votes
1 answer

How to remove a label in top of bar in chartjs chart

I have a vertical bar chart with chartjs and each bar have in the top a label of 100% but the value of the bar is not 100%, that is a wrong value, i need to remove that label. I tried to put label display in false and remove extra code to see if the…
malditagaseosa
  • 3
  • 4
0
votes
1 answer

ChartJS not rendering after update

I'm trying to update the values of my chart after aplying or clearing filters with the following code
JoseCarlosPB
  • 933
  • 2
  • 14
  • 29
0
votes
1 answer

How to extract ChartJs data and config properties

We're trying to give colleagues the ability to share ChartJS graphs with each other. Most of our current graphs are dynamic and users can apply filters (dates, add/remove data etc). The plan is to have a button that, on click, will get the data and…
ross9998
  • 1
  • 1
1 2 3
…
19 20