Comments (5)
from uplot.
i would recommend that you first measure the size of the container you intend to put the charts into using something like element.getBoundingClientRect() and use those metrics to create the uPlot instances.
i have no plans to implement auto or fluid sizing in the core, since most of this can be handled outside the lib. and most of the time is not necessary after initial render anyhow.
if you need to resize the plots after initial render. i can maybe add a .resize(width, height)
method so you can use that after init.
from uplot.
this is now available as .setSize({width, height})
from uplot.
So I have an event listener and at certain break points I run:
size = document.getElementById("chart-wrap").getBoundingClientRect()
uplotD.setSize(size.width,size.height)
But the plot sorta disappears whenever the size is update.
Am I using the setSize wrong does it need some sort of redraw or update after?
from uplot.
Am I using the setSize wrong
yes, it takes a single {width: ..., height: ...}
object, not two arguments.
from uplot.
Related Issues (20)
- add new "justify" scale type
- custom markers HOT 1
- the tooltip stick to points
- Tooltip issue #question
- fix mouse interaction performance for 2,000 series HOT 1
- base 2 ranging and ticks without log scale
- Secondary sync demos not working HOT 6
- Ranger selection does not trigger mousemove event. HOT 5
- Click event on chart is 'destroying' existing selection
- Is it possible to create stacked bar charts that are grouped by year ? HOT 2
- what would be an approach to make groups of series? HOT 1
- Can I hide an axis but not the ortho lines? HOT 5
- Solution for adding padding within the canvas itself? HOT 2
- Setting Legend Markers using Paths HOT 1
- Seeking guidance on creating a dynamic chart with the following features HOT 2
- how do set bar with in uplot HOT 1
- Best practice to avoid clipped axis ticks' labels HOT 2
- Can we render Multicolor Bar charts(each bar has different color) using uPlot? HOT 5
- lineInterpolation not working HOT 1
- Set data array read position in options to enable circular buffered data 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 uplot.