Comments (5)
和这个问题 - when init echarts on DEV env, warn can't get dom width or height 比较像
from ngx-echarts.
请尝试给你的app-line-echarts固定宽度
from ngx-echarts.
@xieziyu 给固定宽度就达不到宽度自适应的效果了,还有就是依然会有警告,我准备放弃用tabset组件了,准备直接使用按钮的方式。
from ngx-echarts.
这个问题和tabset组件的实现机制有关系。可以试一下一些workaround:
1、使用ngx-bootstrap的tabset组件
or
2、利用chartInstance的resize()函数
or
3、利用空的options或者*ngIf等其他方式延缓app-total-line渲染时间点到tab切换完成之后
2、3方法我觉得只是理论上可行的,但并不推荐这么做。重要的是要理解为什么tabset组件中,echarts无法获取到父容器的clientWidth或者clientHeight,然后以此改进。
from ngx-echarts.
第2种方式使用过了,没有效果。第3种方式尝试使用setTimeout延迟echarts渲染,但是没起作用。tabset组件中为什么无法获取父容器宽高,但是最后还是渲染了,并且给了100px的宽,这是我最想不通的地方。这个暂时一下无法理解其中的原理,待进一步去学习了,谢谢大佬了 @xieziyu
from ngx-echarts.
Related Issues (20)
- heatmap not working using ngx-echarts 16.0.0, but working fine when using echart 5.4.2 directly HOT 1
- [SOLVED] I've got custom theme.js and dunno how to import it into angular app HOT 3
- 实参类型 unknown 不可分配给形参类型 ECElementEvent HOT 1
- After updating from 16.0.0 to 16.1.0 I get compilation errors using angular HOT 9
- Width and Height 100% of parent container
- 'legendselectchanged' event has no Output HOT 3
- Make the directive standalone HOT 1
- echarts/core -> Implementation of registerMap doesn't exists HOT 3
- Ngx-Echarts Animation not working Initially HOT 5
- dispatchAction not updating chart if echart directive is used in ng-template
- Most of EChartsOption and connected fields ts types are not exported HOT 2
- Use Custom Theme created Apache Echarts Theme Builder HOT 2
- Tooltip - Slow Performance
- Import a echart theme with echarts v5.5.0 and ngx-echarts v15.0.3 HOT 1
- Angular 17 ReferenceError: window is not defined HOT 2
- type scatterGL not recognized
- Support Angular 18 HOT 1
- Tree-shaking Not Working as Expected in ngx-echarts v18 with Angular v18
- Vite builds HOT 1
- [Bug] ECharts not integrating in Angular library used in Thingsboard widget
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 ngx-echarts.