Category "chart.js"

Why prettier put a comma ',' at the last element of the object

In Visual studio code, When I am using chart.js in my app, prettier always put a comma at the end of the last data of the object 'label'. I think, it's create a

How does one represent multiple threads in a structure/flowchart

I have been tasked with creating a structure/flowchart for some client-server and start-up processes in our organization's software. A lot of our processes run

Is there a way to change the react-chart-js tooltip only on a graph?

I have the following: const labels = historicosData.map(historico => { const localDate = new Date(historico.fechaIngreso); return localDate.toLo

chart.js with null data point in dataset

Is there a way to have chart.js display the datapoint as 0 if a data point is missing from a date-based dataset? For example, if I have a dataset with a null da

In ChartJS how do I change the color of a label in the legend?

I've got the following function making doughnut charts in ChartJS, the function imports the data, label text, and the id of the element. For some reason the op

Sum array of objects value based on month - ReactJS

So first of all, because I am using a ChartJS I need to generate an array of months. The creation is looking like this : const [generatedMonths, setGeneratedMon

Setting a chart.js Scale Min as the Y-Axis Bottom Ticker minus the Generated Step Size

Suppose I have a chart.js chart with no stepSize so the y-axis ticker values are generated as below based on my data as an example: How can I insert a new bott

I can't import ChartsModule

I can't import ChartsModule in my app.module.ts in my angular 12 project. I tried to import it but it only shows NgChartsModule, because of it some functions of

vue-chartjs v4 reference to the chart object

chartjs v3.7.1 vue-chartjs v4.0.4 in version 3 of vue-chartjs, I could reference the chart object with this.$data._chart because the component is extends from

Get Array of Values from a Nested Data

guys. How to get values from an array of the nested object, which I getting from the parent component. For example: @Input() result?: FullResult; construc

Charts js - how to change the scale of y axis?

https://github.com/chartjs/chartjs-plugin-datalabels/issues/315 I would like to customize the bar cart height by changing the y-axis scale to fit the white spac

Working Bootstrap/Chart.JS/JavaScript - make size of graphs proportionate to screen

I'm trying to learn to work with Bootstrap, Chart.JS, and JavaScript in general. I've been able to work off a template, however every graph on my .html file is

How to hide the legend in chart.js in a react project?

I am trying to hide the legend of my chart created with Chart.js. According to the official documentation (https://www.chartjs.org/docs/latest/configuration/leg

React-Chartjs-2 and Chartjs v3:Option Property

i whould like to start with react-chartjs-2. The first thing that i have seen on the offical website, v4 -> imigration to chart.js 3. On that website there w

Issue in implementing ChartJS in my new assignment of ReactJS App, please let me know where I am wrong

I want to upload a chart in my react app but when I use this Barchar.jsx component (have used js nothing changed) it is showing following errors in console(are

Is it possible to set top border on ChartJS Doughnut Gauge chart

Target Doughnut gauge with green top border: Example Doughnut gauge: https://codesandbox.io/s/jlonjk9zv5 The question: Is it possible to implement abovemention

React chartjs 2 - Type 'string' is not assignable to type '"timeseries"'

I've been trying to set x-axis as timescale in react-chartjs-2, but can't get past this following error. Chart options code snippet: const options = { plugin

Setting ChartJS plugin on vue-chartjs not working

I am trying to change the canvas background color of my ChartJS chart to export it as an image but it has a black background. I've tried the workaround from the

Chart.js 3.x migration problem – thin white border / padding appears around chart on first load

I'm using Chart.js with a React wrapper (react-chartjs-2). I want to upgrade to the latest major version of Chart.js (3.x) to remove the dependency on moment, a

Cannot rotate label in chart js annotations plugin

I am using chart js annotations plugin in Bar Chart. I am trying to rotate the label to align it vertically with the bar but it is not working. Can anyone pleas