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

chart.js data forming though the API dynamically based on selects

I got a task of moving from morris.js to chart.js and I'm trying to form data for chart.js based on conditionals. I have multiple selects - source, metric, accounts and a few more. I need to form the data according to the values of those selects…
dumbQuestions
  • 13
  • 3
0
votes
1 answer

Put tooltip on the middle of two bars

I'm trying to position a custom Chart.js tooltip on the middle of two bars. I made a research on the chart.js docs and different posts but didn't found any different approach than position it using the following snippet (I'm using jquery and doing a…
Daniel Correa
  • 3
  • 3
0
votes
1 answer

React JS Change graph html code by onClick

Hi I am starting to learn react.js What I want to do is to press the button below
0
votes
0 answers

The line chart draws additional Y values

My values are ranging from 0 to -6000... However, chart.js line chart is drawing the y-axis starting from 0 down up to -25000... The lines therefore almost overlap each other. How can I prevent the y-axis from drawing those excess values so my…
iPhoneJavaDev
  • 821
  • 5
  • 33
  • 78
0
votes
1 answer

How to add colored points with white shadow border in chart.js?

trying to add colored points with white shadow border in React chart.js Version: 2.7.2 but no luck please any help. what I have now my code:
…
Fadi
  • 2,320
  • 8
  • 38
  • 77
0
votes
1 answer

how to dynamicly change the json data in chartjs

var ctx = document.getElementById("myChart").getContext('2d'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], …
Abinandan
  • 47
  • 7
0
votes
1 answer

ChartJS right Y-Axe ticks issue

I'm having a problem when I', trying to use the right Y axe, looks like the ticks are in the right side of the number, and I can't find a way to put it in the right position, This issue just happen with the right Y axe. And also the first tick of…
Lautaro Bertuzzi
  • 101
  • 5
0
votes
0 answers

funnel chart labels out side

i had tried below code using "https://cdn.jsdelivr.net/npm/chartjs-plugin-piechart-outlabels" but i m unable to get labels outside can anyone please help me out pieceLabel: { render: 'label', fontColor: '#000', position: 'outside', …
ronaldino
  • 109
  • 13
0
votes
1 answer

ChartJS Label Names Not Showing, Just ID

I have been searching this topic for a couple days, and recently made great progress today via the help of my friends on SO. I couldn't get the data to display properly, and now it does. The last remaining piece is to get the labels to show…
Steve Smith
  • 1,019
  • 3
  • 16
  • 38
0
votes
1 answer

How to get rid of axis lines in ChartJS?

I've been playing around with ChartJS for two days now and I do not seem to be able to get rid of the light grey axis lines (both vertical as horizontal). Screenshot of my chart, indication the lines I'd like to remove As it's a Laravel project, I'm…
Thierry Maasdam
  • 924
  • 1
  • 8
  • 19
0
votes
1 answer

How to display grouped data in ChartJs

I have the following array: Where the arrays keys are the dates and the only element I want to plot, of each set, is the weight. Look: I am putting the code as follows. Notice that I am already grouping in the date attribute the whole set…
Ronald Araújo
  • 1,395
  • 4
  • 19
  • 30
0
votes
1 answer

how to add extra label at zero levels in x-axis in chartjs

As mentioned in above image, 2017 label should come at 0 levels on x-axis at both sides. I can send that 2017 and 2017 as extra labels
user3682520
  • 81
  • 3
  • 14
0
votes
1 answer

Chart.js line doesn't fit in

The line which consist of points with maximum doesn't fit in chart... I tried to use responsive, edit height - all the same. var ctx = document.getElementById('chart').getContext('2d'); var colors = ['#3e95cd', '#8e5ea2', '#3cba9f', '#e8c3b9',…
user1692333
  • 2,461
  • 5
  • 32
  • 64
0
votes
1 answer

Chart.js - How to create an auto-scaling line diagram for a big amount of data happenning over time

So I have a relatively big amount of data that I want to display on the line chart by using chart.js. The problem My dataset looks like so: [{label: 'Mon Feb 19 2018 21:02:38 GMT+0000 (GMT)', value: 0.2 }, {label: 'Mon Feb 19 2018 21:02:39…
Adrian Grzywaczewski
  • 868
  • 1
  • 12
  • 25
0
votes
1 answer

plotting pie chart with reactjs and chart.js

i am trying to plot the pie chart using some dummy data. my react chart component looks like this:- import React, {Component} from 'react'; import {Bar,Line,Pie} from 'react-chartjs-2'; class Chart extends Component { constructor(props){ …
sagar limbu
  • 1,202
  • 6
  • 27
  • 52
1 2 3
…
19 20