Skip to main content
Filter by
Sorted by
Tagged with
0 votes
2 answers
50 views

Charts.js tooltip position not working properly on Zoom In

I have created a React Application.I was working on dasboard page, in which i have used chart.js for displaying data in Barchart,Pie Chart.All things was working fine,but when i try to zoom in the ...
Prince's user avatar
  • 1
0 votes
0 answers
47 views

Chart.js streaming showing time (HH:MM:SS - 24 hour clock) on xAxis

I have seen a very similar question already, that concerns chart.js, but I am using the chart.js streaming plugin(https://nagix.github.io/chartjs-plugin-streaming/latest/). Therefore my code looks ...
Mo711's user avatar
  • 637
2 votes
1 answer
39 views

Make a parallelogram from the line graph

I'm using vanilla JS with Chart.js. I want to make this line graph into something parallelogram. Currently looks like this Want something like this And my code is this: var chart = function () { ...
Paul Jolou's user avatar
1 vote
2 answers
51 views

Creating a Bar Graph to compare two values (graph doesn't always start at zero)

I have already entered the code to make the bar graph start at zero, although whenever my numInput.value becomes less than totalEmissions, the graph for some reason starts at numInput.value, rendering ...
Tuxedp's user avatar
  • 11
1 vote
1 answer
38 views

Is it possible to make the tooltip scrollable in Chartjs, react?

I want to make a scrollable tooltip in Chartjs because I have a lot of data to show. I have made an external HTML tooltip referencing the official document, but I am not sure how to make it scrollable....
Ji Yeon Kim's user avatar
3 votes
1 answer
45 views

Chart.JS - Remove only the second vertical line

I have a very simple Chart.JS line graph. I have setup everything, but the designer wants to remove the first and the last x lines and needs the labels at the center of the chart. I have tried several ...
Kareem Sultan's user avatar
0 votes
1 answer
55 views

Remove Spacing from the bars for Q1 and Q2 I am using chartjs version 2.7.2 and angular chart js version 1

In your Chart.js bar chart, experiencing unwanted spacing between the labels Q1 and Q2 when the corresponding data values are 0. Even though the bars with 0 values are not visually displayed, Chart....
ronaldino's user avatar
  • 103
0 votes
1 answer
51 views

How to modify the legend of Bar Chart [closed]

I am using chartjs with react import { Chart,Line,Bar,Pie } from 'react-chartjs-2'; var data = { options: { legend: { position : 'right', }, title:{ ...
whitebear's user avatar
  • 12.5k
0 votes
0 answers
41 views

Migration to Angular v17 with ng2 charts v2

I'm working on migration of Angular 14 project to Angular 17. One of the main obstacles is that the app has some ng2 charts that are version 2 which is not compatible with newer versions of Angular. ...
Gosia's user avatar
  • 7
1 vote
1 answer
72 views

How can I change the color of the grid in this chart using Chart.js

Im trying to change the color of the grid lines since my background is dark. I have managed to change the color of the ticks, and the line itself. However I've been trying to change the grid color for ...
eliastuzo1998's user avatar
0 votes
1 answer
55 views

Line chart(ChartJs) with huge set of nested data, is freezing the screen. How to optimize it?

I'm building a line chart, where the line color and the background will change based on different conditions. As line chart in chartjs dosen't support multi background color. So I nested the data from ...
manas kumar's user avatar
1 vote
1 answer
33 views

How to optimize chart rendering using Chart.js in Ionic?

I'm building an expense manager application where I have a stats tab containing two subtabs, expenses and incomes each of which has its own chart instance. Rendering is first slow, it takes some ...
georgio bou sleimen's user avatar
0 votes
0 answers
42 views

How to make the distance between the bottom label and the bottom the same as between the other labels

In Chart.js, how to make the distance between the bottom label and the bottom the same as between the other labels. The first picture is what I have, the second is how it should be. const ...
Vlad's user avatar
  • 11
0 votes
1 answer
43 views

Min. height for stacked bar chartjs

I've a vertically stacked bar chart in chart.js. Since the bars are being generated based on some userinput, it's possible that I get a chart that would look something like this: I want to enforce a ...
Torbi's user avatar
  • 3
1 vote
1 answer
42 views

How to listen to chartjs-plugin-zoom's events in another Chart.js plugin

I'm writing a custom plugin for Chart.js 4 and I want my plugin to behave well with the chartjs-plugin-zoom plugin. In order to do this, I need to listen to the chartjs-plugin-zoom events (onZoomStart,...
Master_T's user avatar
  • 8,041

15 30 50 per page
1
2 3 4 5
825