Comments (3)
Interesting point!
I just checked out how chartist handles it, and it seems most of the settings are in CSS. The user can specify the class, and it will set the aspect-ratio/height accordingly.
I think, calculating in JS will allow me to get it done in less code, as so much CSS will increase the bundle size.
Very good suggestion though, I never realized why my charts were looking a bit odd in very small devices.
from apexcharts.js.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
from apexcharts.js.
@junedchhipa This looks like an old issue, and I'm not sure whether your thinking on this has changed/progressed, but without looking deeply at the source code I think that if apex switched from using with it could go a long way to making the charts properly responsive.
I guess the big blocker for this might be if you're doing other position calculations in JS based on the overall width/height rather than the rendered width height of the actual svg elements.
Thoughts?
from apexcharts.js.
Related Issues (20)
- Problem with overlapping labels on YAxis with LineChart HOT 1
- Horizontal range bar sparkline charts have extra padding since v3.40.0
- timeline chart - panning causes zoom level change HOT 4
- In bar charts, the alwaysDrawDataLabel option is always true.
- Version 3.46.0 causes Area Chart Gradient to "Glitch" when Hiding / Showing Data Series HOT 2
- Sync timeline and line chart
- Graphs bugging out in Apex charts HOT 1
- Treemap chart is not showing data properly in Angular. HOT 1
- Wish to have yaxis 0 tick always showing, but forceNiceScale does not seem to work properly with min/max values -1 < value < 1 HOT 4
- Certain stacked bar doesn't stack but overlaid on another series HOT 1
- Add SSR Support
- Grid lines overlaps floating legend HOT 1
- seriesIndex and dataPointIndex set to -1 if tooltips disabled HOT 2
- Grid lines overlapping legends
- Upgrade to 3.46.0 leads to not taking into account tickAmount in xaxis HOT 1
- Deselecting all series in a rangeArea graph results in an error
- Event for toolbar zoomin and zoomout
- X-Axis type says that the library doesn't support functions for dynamically calculating min and max HOT 1
- Apply border radius for stacked bar chart only for last and first items
- Make the Annotation to the background of the series
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 apexcharts.js.