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

ChartJS sees date in string as numbers

I am trying to get some strings from a csv file, to put under a graph from chartjs. I wrote this php function: function getTitle($id) { $stations = fopen("stations.csv", 'r'); //$csv_data = fopen(date("G") . '.csv', 'r'); $csv_data =…
Kwiznix
  • 23
  • 6
0
votes
0 answers

How can I convert new Chart to HTML?

Could I convert a new Chart to HTML object? It's my code. var config = { type: 'line', data: { labels: dates, datasets: [{ label: 'Caudal Minimo', data: CMN, …
Mario Erro
  • 77
  • 1
  • 1
  • 7
0
votes
1 answer

chartjs: set default min for the line chart

I have a line chart which is drawing at its default min. I have changed the min of the chart on the button click and then update it. Problem is i want to toggle on the button click. Like if i have set the min on the button click. by clicking again…
fat potato
  • 503
  • 1
  • 9
  • 29
0
votes
0 answers

How to remove the second rotation in ng2chart js libary with angular4

I have used for ng2chart library for doughnut chart,and pass the dynamic value in the donut chart,when passing the chart its going into full rotation. when it comes as 50 means donut rotation as half rotation , when it reaches 75 means it will be…
Mohamed Sahir
  • 2,482
  • 8
  • 40
  • 71
0
votes
1 answer

Edit styles for axes in ChartJS bar chart, when gridlines are hidden

I have a bar chart with gridlines displayed to false. Now, I need to set the width and color, only for the axis lines (x and y). I can set these values as: options:{ scales: { xAxes: [{ gridLines: { color: "rgba(0,0,0,1)", …
gentrobot
  • 673
  • 6
  • 25
0
votes
1 answer

Height for chart area (not the canvas size)?

Since GitHub is telling me "DO NOT create issues for questions or support requests." and doesn't mention another place to ask a question, I guess this is the place? If I want to set a specific size for the charts (but not the overall size of the…
kiradotee
  • 1,205
  • 12
  • 20
0
votes
1 answer

Display only points in line chart

Is it possible to display only points in line chart? I have this basic line chart and I want to hide the line and the fill inside it so it only shows the points. Here is my code: var renChart = new Chart($('#ren-chart'), { type: 'line', data: { …
Steven Brooks
  • 15
  • 1
  • 5
0
votes
1 answer

Chart.js multiple columns of data for the same label

I'm using Chart.js 2.7 and I want to show multiple columns of data for the same label. For example I want a chart with the months of the year as labels, but to show a number for each day of the month, not a number per month. So for a single label I…
Chris
  • 6,105
  • 6
  • 38
  • 55
0
votes
1 answer

How to remove previous piechart and add new piechart in js

I developed pie charts as follows chartjs V2.6.0. It works fine whenever I search with new data in same pie chart it shows previous data when on hover. I tried with $('#canvas').remove(); method, but it's not working. var color = []; var label =…
vinodh kumar
  • 83
  • 1
  • 9
-1
votes
1 answer

how to manage gap for same categoryType in react-chart js 2

import React from "react"; import { Chart as ChartJS, CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend } from "chart.js"; import { Bar } from "react-chartjs-2"; import faker from "faker"; ChartJS.register( …
-1
votes
2 answers

generate multiple charts via loop for chart js

I am trying to only have table tag, but have js generate the entire table. So I use createElement for headers, but within tbody.innerHTML, I am string concatenating string interpolated html that contains tr including canvas inside of a td. I am…
-1
votes
1 answer

Charts.js : How to remove the Vertical Black lines in Bar Chart

How can I remove the vertical black lines, which are getting displayed both sides of bars in the bar chart? I tried both options : { scaleShowVerticalLines: false } options : { scales : { xAxes : [ { gridLines : { …
-1
votes
2 answers

Chart in Angular not displayed until windows resize

If there any solution to this issue please let me know. I still new to using the chart.js and Angular. when I try to pull the graph datasets using API, graph seems hidden until I change the window size. I dont know if Im doig wrong or it is problem…
-1
votes
1 answer

how to Display this json like chartjs chart model

i am new to chartjs i want charts using chartjs here i have json so i want to display like this that is Sample Image is this so please help me and json array is [ { "ChartGroupName": "Group-A", "Apple": 45, "Banana":…
-1
votes
1 answer

Chartjs : showLine depending on value

I have a simple Chartjs line chart. I want to draw the line if the value in dataset is higher than 10 for example and put showLine: false If the value doesn't match the condition. How can I do that ? There is no information in the doc. Link to…
rn605435
  • 175
  • 2
  • 12
1 2 3
19
20