Area-Chart does not fit parent-Element or view-size
See original GitHub issueI’m submitting a … (check one with “x”)
[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here
Current behavior
When I put an AreaChart into a container it seems like the Chart does not fill the container correctly (with and without use of view-attribute), but has less width and height than the container. This seems to be caused by a wrongly calculated width/height-attribute in .ngx-charts def clipPath rect-Element
See example: https://plnkr.co/edit/uiin5FU84ho9LGtvgFAO?p=preview
Expected behavior
Diagram fits container
Please tell us about your environment:
Ubuntu 17.04
-
ngx-charts version: 5.3.1
-
Angular version: 4.1.3
-
Browser: Tested with Firefox 53.0.2 & Chrome 58.0.3029.110 (64-bit)
-
Language: Target ES5
Issue Analytics
- State:
- Created 6 years ago
- Comments:6 (2 by maintainers)
Top Results From Across the Web
Angular NGX Chart not fitting to parent container correctly ...
The problem is with the pie-chart, because that chart doesn't fit the parent container correctly. Here is the HTML:
Read more >SharpShooter Collection Documentation - Perpetuum Software
The “No Fill” menu item cancels all fill settings and sets TextFill property to “[None]”. The “More Fills…” menu item opens “Fill Editor” ......
Read more >DOCX of part 3 - StudyLib
It is also notable that since leading and trailing whitespace is not normally ... each grid column is proportionally reduced in size to...
Read more >Falcon Sandbox v8.30 © Hybrid Analysis
Not all malicious and suspicious indicators are displayed. Get your own cloud service or the full version to view all details.
Read more >The XML - Download Center - Microsoft
Notice that each of the cells which do not span one grid column (i.e., ... then each grid column is proportionally reduced in...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This is caused by the margins around the chart, which can not be overridden at the moment. We will look at exposing that property as an input.
Any progress? I need this!