If Bubble Chart small, bubbles move outside Main Chart Rect and bad Gradation Values

[jfarmer]

Our application features many FacetCharts (especially Bubble Charts) displayed simultaneously, each in a Portlet of a PortalLayout. Users can drag-reposition and drag-resize the Portlets, so the charts may be quite large or small.

If a Bubble Chart becomes small, layout problems occur:

Issue (a) Bubbles move outside the boundaries of the Main Chart Rect. This looks broken. Ideally the bubbles should be clipped at the Main Chart Rect boundary.

Issue (b) Gradation Values for the vertical-axis move to incorrect positions and may show incorrect values. Ideally the Gradation Values would hide themselves rather than show incorrect position or value.

TEST CASE 1:
1) Go to: http://www.smartclient.com/#bubbleChart

2) Reduce the browser window height in order to reduce the chart height. Keep reducing the chart height until the bubbles move outside the Main Chart Rect and hide the "Bubble Chart" label.

3) Restore the chart to a height where the bubbles are correctly inside the Main Chart Rect.

4) Once again slowly reduce the chart height and notice the vertical-axis Gradation Values that were 0 to 2000, flip becoming 2000 to 0, and finally become 5000 to 0.
__________________________________
TEST CASE 2:
1) Go to: http://www.smartclient.com/#colorScaleChart

2) Use the vertical splitter bar to the left of the chart to reduce the chart width. Keep reducing the chart width until the bubbles move outside the Main Chart Rect and hide the Volume legend.

3) Restore the chart to a width where the bubbles are correctly inside the Main Chart Rect.

4) Reduce the browser window height in order to reduce the chart height. Keep reducing the chart height until the bubbles move outside the Main Chart Rect. As you reduce height, also note that the vertical-axis Gradation Values that were 0 to 2000, flip becoming 2000 to 0, and finally become 5000 to 0.
__________________________________
Tested on:
Browsers: Windows Chrome 47, Internet Explorer 11

SmartClient 10 versions:
- MAIN_2015-12-17_1450424649_alex_apex/WWW Deployment (your website)
- v10.0p_2014-12-17/PowerEdition Development Only (our development environment)

[Isomorphic]

We do see the effects you're talking about, however, these only happen once the chart has become clearly too small to be useful to an end user. At this point, if the rendering goes wrong in various ways, it's too late to matter: the chart is useless anyway. The same is true of grids, forms and other components: they can be shrunk until they are useless. So the only correct fix here is to simply design your application layouts so that charts do not become so small.