After running 'npm start' on my localhost, I am getting the following error: ./node_modules/chart.js/dist/chart.js 695:18 Module parse failed: Unexpected token (695:18) File was processed with thes...

I am attempting to create a line chart where the color of the line (and the points) is dependant upon the value being plotted. For example if the value is above the following thresholds [0, 115, 12...

I have a react component Data which includes several charts components; BarChart LineChart ...etc. When Data component starts rendering, it takes a while till receiving the data required for each ...

I have recently implemented chart display using react-chartjs-2 (https://github.com/jerairrest/react-chartjs-2) I want to enable zooming and panning feature so that it will be more user-friendly i...

I created a Donut chart, which works correctly but now I need to show the number 45 in the center of this, for example. Where should I indicate the text to be displayed and the coordinates? In the...

I am trying to make a doughnut chart with react and gatsbyjs. The chart works fine but I can not get it to use the full width of the div. It displays too small for the area reserved. render (){ r...

I am creating a chart to render some data using chart js. const data = { labels: ["1 Dec", "8 Dec", "16 Dec", "31 Dec"], datasets: [ { label: "Sale...

That's how I set the data: const data = { labels: ['February', 'March'], datasets: [ { label: 'My First dataset', backgroundColor: 'rgba(255,99,132,0.2)', borderColor: 'rgba(255,99,132,1)',...

I want to add fill to a line chart using the react-chartjs-2 package. I'm passing fill: true to the dataset but that doesn't work as expected. Any suggestions? const data = { labels, datasets: [ ...

I found many other questions on StackOverflow as well as GitHub but none of them worked for me... I have a graph built using ChartJS. When I click on any of the bars(orange, green or red) I want to...

I'm struggling to find information to make chart with react-chartjs-2. I made a bar chart using react-chartjs-2. I couldn't find related information about making it horizontal bar. Is it possible...

I have a question about bar chart in react-chartjs-2. I made a bar chart and pie chart using react-chartjs-2 in my application. I could show the value of pie chart using a plugin calls Chart.Piec...

I have the following Radar chart using Chart.js v2. My configuration: legend: false, scale: { pointLabels :{ fontSize: 16, fontStyle: "bold", } } The problem here is the "Communication" l...

I'm trying to use the react wrapper of chart.js and I'm having an issue. When I'm trying to add a chart, there is an error (" TypeError: Cannot read property 'defaults' of undefined") The...

I am using chart.js 2.9.3. I have used onClick handler in options as well as getElementAtEvent to achieve what I want but I get the items empty array and the event doesn't have the the information ...

I'm trying to implement a graph with scattered date properties but chart is rendering all the dates with the same distance from each other. { "ndvi values": [ 0.1158, 0.1975, 0.1913, ...

For react class component, we have the componentWillMount() lifecycle method, where we can perform tasks before loading the component. Tasks like, a call to backend and use the response to show tha...

I'm trying to make a bar chart using react-chart.js-2. I just noticed that all bar chart example start from the minimum number of the data, not 0. The example below, the bar chart starts from 40, ...

I'm currently using chart.js in my project and I have to say it's an amazing library. However I recently realised I also need a "treemap" which I was unable to find on their website. Has anyone man...

I have a line chart which I'm trying to set a fixed max and min values. I have tried the other suggestions found on SO, but it still doesn't work. My chart keeps re-setting the max and min values d...

I need to draw a chart that looks like the one on the picture. How do I do that with chartjs2? Unfortunately, I couldn't find any examples that show how to implement it.

I have implemented the react-chartjs2 https://www.npmjs.com/package/react-chartjs-2 in my react app. I have implemented it successfully but i need to change the direction of the tooltip when hoveri...

I am creating a dashboard app that fetches data from an endpoint and uses the setState method to assign variables from the JSON returned by the endpoint to state variables. When I make a change to ...

I am building a chart with React and Chart.js, and I need to display tick labels that have mixed font styles. Chart.js returns the tick values as a string of the the text passed in as well as the H...

I call the update() function, but it does not work. TypeError: line.update is not a function. Why is update() not a function? I have seen this example on http://jsfiddle.net/zpnx8ppb/26/ where th...