Stack Overflow
Stack Overflow

Questions tagged [react-chartist]

10 questions
3
votes
1 answer

react-chartist displays solid black

I'm using chartlist. http://fraserxu.me/react-chartist/ The data is not displaying correctly. The data is displaying like this: When according to the docs it should be displaying like this: Here is the code per the…
William
  • 4,422
  • 17
  • 55
  • 108
2
votes
2 answers

Align Title Left React Chart.js V2

I'm trying to align the title to the left instead of the center (shown in the image). I know this is possible on chartJS v3.0.0-alpha.2, but reactchartjs only goes up to 2.9.30 as far as I know. Does anyone know how to achieve this in…
LukeVenter
  • 439
  • 6
  • 20
1
vote
1 answer

How to hide border in react-chart-js-2 with fill true

We have added one graph with 2 data sets which is line chart with fill true (area chart). However in one data sets value comes low it show correct but we need to hide the floating border as mentioned in red block in below screen Hoe we can hide…
hari
  • 144
  • 1
  • 2
  • 9
1
vote
1 answer

How To Change the Color and Font Of Labels of Bar Chart Using ChartistJs Library with ReactJs

I am working with React-Js Application and using ChartistJs Library to show the Charts. I am trying to change the color and Font of Lables in Bar Chart but unable to find any options to achieve that.
Tamour Ali
  • 33
  • 8
0
votes
0 answers

How to add shadow or border on donut chart using Chartist

I am using a Chartist chart for showing data. I want to add a shadow on the selected slice of the chart on hover or mouse enter event. Attache below screenshot for the output enter image description here Attache below screenshot for the output enter…
Sumit Rawat
  • 1
0
votes
0 answers

Donut chart with custom tooltip using Chartist in React

I am creating a donut chart using Chartist but unable to add a custom tooltip with resize slice on the mouse hover event. Chartist "Draw" method is rerender on changing the position of mouse on hover of the chart I pasted my code as below: /*…
Sumit Rawat
  • 1
0
votes
2 answers

How to map over an array of multiple objects for graphing?

I have an API response that provides multiple objects in an array: [{"symbol":"AAPL","date":"2020-02-27","adj_close":68.24}, {"symbol":"TSLA","date":"2020-02-27","adj_close":133.8}, {"symbol":"TSLA","date":"2020-02-28","adj_close":122.3}, …
andres
  • 1,558
  • 7
  • 24
  • 62
0
votes
3 answers

React - How can I parse large JSON objects for graphing. Struggling to do so with State

I'm having trouble parsing large JSON objects from my Axios calls and setting them as a state to then be passed as X and Y axis data for graphing in react-chartist. For my case, I'm charting stock market data. I have been trying to parse the data…
andres
  • 1,558
  • 7
  • 24
  • 62
0
votes
3 answers

How to set img in label using React?

I'm creating charts using react-chartist. On labels I want to add image next to label text. I tried all of my ideas, but none work. Everything return [object Object]. Whether there is a good solution of this issue? I can also add labels using just…
sosick
  • 624
  • 3
  • 17
  • 35
-1
votes
1 answer

How to access custom property in dataset object in Bar Chart in React ChartJS 2?

I would like to know the "userId" custom property when I click on the element. If I add a custom property to the dataset object, the custom property added doesn't show in the element retrieved in getElementAtEvent.
Arthur Menezes
  • 241
  • 5
  • 16