Questions tagged [chart.js]

1 votes
1 replies
Multi dataset line graph from table
I am trying to create a multi set line graph using chart js and angular. Using map I can reduce the json data to single Dimentional array but I n...
asked 1 month ago
0 votes
0 replies
ChartJS - How to enforce space/padding inside the chart?
Consider the following: The max values of the chart to the right is reaching the top of the chart. How can we guarantee some margin between th...
asked 1 month ago
0 votes
0 replies
Separating Different Labels (w/ Different Data) in Stacked Bar Chart
I’m having some issues with a particularly personalised stacked bar chart. The graph that I’m planning to program should show all my activities t...
asked 1 month ago
-3 votes
0 replies
How can I create scalelabels in multiple line in y or x axis in chart js
I want that In my chart y axis and x axis scalelabel, not y axis and x-axis label but scalelabels to display in multiple lines. I tried to pass t...
asked 1 month ago
0 votes
1 replies
How to know which bar is clicked on chart.js bar chart with multiple data?
I have used chart.js to create some charts. I add a click event to a bar chart with multiple bars(multiple data) in each column like below: html...
asked 1 month ago
0 votes
0 replies
How to create a filter for displaying data from MariaDB - in the 7 days range?
I am using chart.js to display stats on data pushed to php with the queries. I would like create a php/sql filter to display data week by week st...
asked 1 month ago
0 votes
1 replies
Inserting data from controller to an array in javascript
I try to create a graph using Chart.js and get the data from database, but I am confused how to pass the data to an array variable in view. Thi...
asked 1 month ago
0 votes
1 replies
Chart.js / Javascript How to Override Mouseout Event Listener
I am trying to use chart.js to create a bar chart with a custom html tooltip. I would like to include some interactive stuff in the tooltip. Th...
asked 1 month ago
0 votes
1 replies
Chartjs make grid line color and axis line color different
I'm new to Chart.js and don't know to make grid line color different from axes line color. Is it even possibe? Here's my fiddle: https://jsfiddl...
asked 1 month ago
1 votes
1 replies
How do I update the Chart.js automatically every 2 seconds?
I would like to display a chart on a website that updates automatically every 2 seconds. I don't know JavaScript very well yet. I found and trie...
asked 1 month ago
-1 votes
0 replies
Chartjs Chart not getting displayed
I'd like to use Chart.js to create stunning charts into a webpage. <div class="col-md-6 col-lg-3 mb-5 mb-md-3"> <div class...
asked 1 month ago
0 votes
0 replies
How to get all the arcs of a Donut using ViewChild (ChartBaseDirective) with ng-charts?
I have a ng chart of type Donut. Each layer has several arcs. I would like to change the width of a specific arc after some event is trigered. I...
asked 1 month ago
0 votes
1 replies
Chart.js with line chart and bar chart - bar chart not rendered although the max value of it is shown
I am using chart js (https://www.chartjs.org/) and I have a line chart and I want to add a bar chart to it as a second dataset. The problem is th...
asked 1 month ago
0 votes
0 replies
Generating Bar Chart datasets using multidimensional array
I want to generate a bar chart and my dataset are multidimensional array. Code: var faculties = ['First Faculty', 'Second Faculty']; var ne...
asked 1 month ago
0 votes
1 replies
Chart.js Labelling - Need Two Labels on Y-axis of Horizontal Bar Chart
I created a horizontal bar chart w/ chart.js and need to create two set of labels on the y-axis but can only create one. As an example, see ima...
asked 1 month ago
1 votes
0 replies
How to give break line in data label
how to give break line in data label , Till what i have done below is link and i have pasted code here also. And i am using custom datalabel and...
asked 1 month ago
0 votes
1 replies
How i can insert string data to diagrams in chart.js
I want to real time visualise my received data from socket.io on charts.js. My recevied data is String, have 18 values and looks like: [1,2,3,4,5...
asked 1 month ago
1 votes
2 replies
Place Text in Chart-Canvas Area in ChartJS
I created two x,y arrays and then performed two chart using these. I want to write some texts in only Chart red one. And I want to use (x,y) coor...
0 votes
0 replies
Multiple labels for multiple data sets using Charts.js
I have this Bar Chart with two data Sets. I'm trying to show the number of clicks for each application for Employees and Students. Each bar...
asked 1 month ago
0 votes
1 replies
chart.js not accepting data in dataset which stored in local storage
Actually I'm trying for getting data from local storage and I get it and store in one variable call "dataValues". That variable I'm passed to d...
asked 1 month ago
0 votes
1 replies
How to decrease border width in any charts?
I am working with ng2-charts to draw line chart. I want to reduce the thickness of line (decrease border width). I tried both borderWidth and li...
asked 1 month ago
2 votes
1 replies
How to display timestamped data with PrimeFaces and ChartJs?
Since the public 7.0 release of PrimeFaces includes ChartJs, I thought I'd give it a try. It works fine, however so far I have not been able to...
asked 1 month ago
0 votes
2 replies
How to noshown the scale while all datasets is hidden (chartjs)?
I was using django and chartjs to render the charts. when I use legend onclick function hidding all the dataset, the y-axis will show like this w...
asked 1 month ago
1 votes
1 replies
How to make aspecific API call from within a Line Chart class in ReactJS using react-chartjs-2?
I am creating a web app in ReactJS and I am trying to call an API from within my Chart class. I have a program that takes data from a ML model...
asked 1 month ago
1 votes
0 replies
Interacting with ChartJS from Flask
I am getting really confused on what to do here. I have a python script that does some cool things and then should display those cool things via...
asked 1 month ago