question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Area-Chart does not fit parent-Element or view-size

See original GitHub issue

I’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:open
  • Created 6 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

4reactions
marjan-georgievcommented, Jun 9, 2017

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.

2reactions
wujoodcommented, Apr 5, 2018

Any progress? I need this!

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found