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.

ComposedCharts - Area + Bar causes white gap around edges of area graph.

See original GitHub issue

In all examples of composed charts with area/line and bar, there is a white space around the area/line chart on the edges of the graph.

See: https://jsfiddle.net/alidingling/9xopwa9v/

Is there a way to move this gap, so that the line will come out of the ‘edge’ of the graph, the same as if a normal line/area chart was being used?

With ComposedChart + Bar Graph image

Without ComposedChart image

I do require the bars as well, I realise you can use type="point" on the XAxis but then it breaks the bars.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

6reactions
ro-savagecommented, Mar 20, 2019

Thanks for the response @Durgaprasad-Budhwani

However, I’d this reserves the issue that now the bar are over the edge of the graph.

image

Ideally there would be a way to have the line/area graph start at the beginning of the ‘grid’ rather than the center. The area/line would then take up a whole grid each, basically moving

0reactions
samofwisecommented, Aug 31, 2021

Bump too, I am trying to have an area element start at the y-axis and end at the end of the graph rather than having random space between the area graph and left and right axies Thanks!!

Read more comments on GitHub >

github_iconTop Results From Across the Web

How do I reduce the white space on the sides of my Excel Chart
Click on the chart area - the part of the chart where the lines are. Don't click on the lines or chart grid,...
Read more >
Annoying white space in bar chart (matplotlib, Python)
Try calling plt.xlim() with the number of bins, e.g. plt.xlim([0,bins.size]). Here is an example:
Read more >
How to get rid of white space in clustered bar chart with ...
Hello, I have created this clustered bar chart. Each column is a measure. How can I get rid of the white space in...
Read more >
recharts - Bountysource
Render any line, bar or area chart and go to inspect element to see that there is always some gap between the yAxis...
Read more >
Solved: Re: Bar Chart Layout - White Space - Qlik Community
Bar Chart Layout - White Space ... either side of all the Bars - so it isn't filling the whole of the chart...
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