Comments (10)
hey @volkandkaya ,
I have #59 open which should include that possibility too, needs a bit fine tuning and then it's ready to go.
from react-chartjs-2.
hey @volkandkaya ,
I have an issue with getting tests to pass on Travis, while working nicely locally..
So besides that there are no issues on merging it in.
I need to think whether I can skip that test stuff for now.
Will let you know shortly.
from react-chartjs-2.
hey @volkandkaya ,
1.6.0
has been released.
Basically all you need is to modify the width
or / and height
props.
let me know how it goes.
from react-chartjs-2.
Is there anyway to force a refresh, if I switch using react-router it fixes itself.
I had to use
<ChartComponent key={chart.height * chart.width} />
Key basically makes it re-render.
from react-chartjs-2.
Tried redraw={true}
?
from react-chartjs-2.
@gor181 how long until it will be ready for use? This package is perfect except for the reloading.
from react-chartjs-2.
Thanks, I can't get it working. It refreshes but the height and width don't change.
However I was also changing the colours and that didn't work, after 1.6 it now works which is great. So I am not sure why height and width don't work.
from react-chartjs-2.
hey,
I would suggest to add the div with style (width, height) around as we render only canvas
element which width/height seems to be overriden by chart.js regardless of what options are set.
from react-chartjs-2.
Didn't work. I will stick to key for now. Thanks for all the help.
from react-chartjs-2.
This is still a problem for me. I also ended up using
key={`${width}x${height}`}
from react-chartjs-2.
Related Issues (20)
- [Bug]: Unnecessary whitespace in tooltip visible only in Firefox on Windows
- [Bug]: TypeError: Cannot read properties of undefined (reading '_adapters') HOT 2
- [Bug]: README.md. QuickStart HOT 1
- Application of observer design pattern in the file stories/chart.tsx
- Implementation of Abstract Factory design pattern in charts
- Add title for each axis
- [Bug]: Line disappears when calling zoomScale() multiple times HOT 3
- [Bug]: Code sandbox for Scatter Chart on example website not working
- [Bug]: re-rendering chart component that is responsive causes computation bugs
- It would be great if we can add text inside the bubble in bubble chart. HOT 1
- [Bug]: type issue with options.plugins.legend.position and options.plugins.legend.align HOT 3
- Implementation with chartjs-plugin-annotation
- [Bug]: A undifined canvas error occuring in react-native HOT 1
- [Bug]: using <Chart> in production builds has a chart type error HOT 1
- [Bug]: Background color for chart is not working
- HTML Legend Support
- [Bug]: The canvas created in headless mode looks distorted
- [Bug]: Chart shakes during resize
- [Bug]: Remembering options at charts based on same element
- [Bug]: canβt resolve HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-chartjs-2.