Questions tagged [react-chartjs]
interactive react charting components using the chart.js framework
react-chartjs
584
questions
0
votes
1
answer
20
views
React Google tags tooltip show numbers in western system
import React from "react"; import { Chart } from "react-google-charts"; class BarChart extends React.Component { convertDataToChartData = (data) => { var modified_data = []; if ...
-1
votes
0
answers
11
views
"point" is not a registered element. at Registry._get (https://localhost:3000/static/js/bundle.js:362022:13)
"point" is not a registered element.
at Registry._get (https://localhost:3000/static/js/bundle.js:362022:13)
why the error came .how to solve this .iam using react-chart.js package
iam ...
0
votes
1
answer
47
views
Why is there a 1px gap between the background fill and the canvas edge in my Chart.js line chart?
I'm using Chart.js and react-to create a line chart, but I've noticed a small issue with the background fill. The line chart extends to the edges of the canvas as expected, but the background fill ...
- 427
0
votes
1
answer
82
views
React Chart Js 2 , x axes value not my value
i try formatting my x axis value in chart js
myData
const chartData = {
labels: data.map(item => item.toString()),
datasets: [
{
label: '',
...
1
vote
1
answer
65
views
Chart.js - X-axis not displaying dates with timestamps in format "YYYY-MM-DDTHH:mm:ss.SSSSSS" (React chartjs-2)
I'm trying to create a line chart in React using chartjs-2 to visualize timestamps and their corresponding power measurements. My timestamps are in the format "YYYY-MM-DDTHH:mm:ss.SSSSSS" (...
0
votes
1
answer
41
views
how can i show state label in react google geo chart in US region
<Chart
chartEvents={[
{
eventName: "select",
callback: ({ chartWrapper }) => {
const chart = chartWrapper.getChart();
const ...
- 1
2
votes
1
answer
64
views
How do I make the line start at the middle instead of the beginning of the column?
I'm creating a line chart using chartjs (v3) (and react-chartjs to integrate) and I'm having some bad times to customize the line to start at the middle of the first column (and also finishes at the ...
- 67
0
votes
1
answer
23
views
React Chart js breaks labels when zoom
We currently have a zoom rule for small screens. It applies a zoom to 80%.
But this is breaking the Pie Graph from chart.js.
When we are using large screens, which the page zoom is 100%, we can select ...
- 29
2
votes
1
answer
59
views
ChartJS: Grouped Stacked Bar Chart rendering incorrectly
I am trying to use ChartJS to create a grouped stacked bar chart. In my dataset, there are 2 groups: Groups A and Groups B. Groups A are rendered out correctly, but for some reason, Groups B (gray ...
- 6,295
0
votes
0
answers
61
views
How to display the label text when we hover over the labels on X or Y axes?
I am currently working on a React project that is using ChartJS to generate charts based on the data gathered from the database. Recently I found an issue when the labels are too long,the chart will ...
- 1
0
votes
1
answer
66
views
Chartjs react initially hidden LegendItems
how can I set {hidden:true} on all LegendItems? If I set hidden property to true the legend item is only striked-through but the graph is still displayed. Any ideas?
Thank you!
I already tried this:
...
- 11
0
votes
0
answers
116
views
How to make a bar chart in React Js with custom bar component?
I am trying to create a height comparison chart where I want to display the SVG's of kids, men and women based on height instead of bar. But, sometimes, my SVG does not appear completely on the chart ...
2
votes
1
answer
252
views
ChartJS / react-chartjs-2 add horizontal reference line to bar chart
I am creating a barchart with ChartJS / react-chartjs-2.
The barchart is displaying allright, nothing special:
I want to add a horizontal line to display the average of the years totals to see how ...
- 340
1
vote
1
answer
136
views
ChartJS / react-chartjs-2 divide bar in to two data points
I am creating a barchart with ChartJS / react-chartjs-2.
The barchart is displaying allright so far, nothing special:
My data looks like this:
{
Name: "De Regenboog",
...
- 340
0
votes
0
answers
18
views
Plugin Scope Interference in React Chart.js Integration
(https://i.sstatic.net/D98SY.png)
This is the initial view i am having. There will be a pie chart with 2 bar graphs.
(https://i.sstatic.net/hLALK.png)
In the above image when i am toggling the pie ...
