12,369 questions
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 ...
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 ...
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 () {
...
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 ...
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....
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 ...
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....
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:{
...
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. ...
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 ...
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 ...
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 ...
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 ...
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 ...
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,...