Comments (3)
zhiqingchen
commented on May 14, 2024
还未得到支持
from react-native-echarts.
zhiqingchen
commented on May 14, 2024
初始化取节点高度
通常来说，需要在 HTML 中先定义一个
节点，并且通过 CSS 使得该节点具有宽度和高度。初始化的时候，传入该节点，图表的大小默认即为该节点的大小，除非声明了 opts.width 或 opts.height 将其覆盖。
主动监听屏幕变化，调整高度
监听图表容器的大小并改变图表大小
在有些场景下，我们希望当容器大小改变时，图表的大小也相应地改变。
比如，图表容器是一个高度为 400px、宽度为页面 100% 的节点，你希望在浏览器宽度改变的时候，始终保持图表宽度是页面的 100%。
这种情况下，可以监听页面的 resize 事件获取浏览器大小改变的事件，然后调用 echartsInstance.resize 改变图表的大小。
参考文档
from react-native-echarts.
zhiqingchen
commented on May 14, 2024
https://wuba.github.io/react-native-echarts/docs/expo-snacks/adaptive-size-chart
from react-native-echarts.
Related Issues (20)
- Problem with markLine not being displayed HOT 5
- Unexpected token 'export': ´export * from './lib/module/svgChart'´ when using Next.js & Expo in monorepo HOT 5
- animation not work HOT 2
- Unable to re-render on Tablet device orientation change with new height and width HOT 3
- SkiaChart Android 手机中文乱码 HOT 1
- Setting data as dataset is not working HOT 5
- TypeError: Cannot read property 'trigger' of null, js engine: hermes HOT 5
- When rendering multiple charts simultaneously, the animation may experience lag(dropped frames) HOT 3
- ios Crash HOT 1
- Some tooltip options don't work on the `richText` render mode
- Sync prop changes HOT 4
- The shadowColor on emphasis.itemStyle does not work for bar chart HOT 4
- How to cancel Tooltip TouchEvent when chart in scrollview HOT 3
- I can't capture the click event HOT 2
- Load time is why more than expected. HOT 1
- skiaChart legend custom fontFamily not work but other rn normal component works HOT 2
- New architecture support HOT 1
- App is crashing while using Skia chart or Svg Chart on click on chart and the chart is not loading. HOT 13
- Please merge feat/react-native-73 to be able to use Expo 50 which is not working HOT 4
- Add Support for Comparison Series in Line/Area Charts HOT 7
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-native-echarts.