bubble chart padding

[gordonwoodhull]

bubble padding is even more of an issue than scatter plot padding #440 because of the variable size of bubbles

It can be managed manually with xAxisPadding and yAxisPadding but that's a lot of futzing.

[gordonwoodhull]

And padding doesn't work very well because it adds the same amount to same to both sides.

Here, adding an absurd x padding of 50 and y padding of 400:

[gordonwoodhull]

Should be calculated for each side independently. It can be put under a flag to make it backward compatible.

[tttp]

Hi,

I've been experimenting with AxixPadding, and it isn't ideal, mostly because I end up having ticks that are under 0, when you display a number of observation, a negative number is confusing.

A better solution I've found is to remove the clip-path, so the bubbles are drawn under the axis, and works fine IMO.

[tttp]

Is there any reason for the clip-path? if it's a workaround only for me, I can set a post render and remove the clip-path on chart-body

      dc.bubbleChart('#bubbly') 
      .on('renderlet', function(chart, filter){
        chart.svg().select(".chart-body").attr("clip-path",null);
      })
      ...

[gordonwoodhull]

That's a decent workaround for your case. We should consider making the clip path optional. I think it mainly exists to allow zooming of line and bar charts (#108) but zooming of bubble charts is also possible.

I don't think eliminating the clip path is enough in all cases. If bubbles are really big they will still leave the chart area.

[tttp]

It takes 3 lines with renderlet and no (visible) impact to add then remove clip-path. Not sure it's worthwhile adding an option to make the clip path optional.

I've documented the workaround on SO, I'd say it's good enough ;)

http://stackoverflow.com/questions/37042901/how-to-avoid-truncated-bubbles-when-elasticx-or-elasticy/37042902#37042902