I have a PowerChart with several different plots, and I'm wondering if it's possible to adjust the margins between the individual plots. I've tried modifying the individual styles and setting the margin/padding to different values, but it has no effect.
1 Like
I have the same question. I've tried adjusting several style properties to get this adjusted. The gaps are just wasting valuable screen space.
No ideas anyone? Should I be using different object/object(s) for this? Modifying the style elements or class of the plots doesn't work. Should I report this as a bug?
There isn't any margin being set for the plots on the power chart as far as I can tell. If you inspect the DOM in your browser you'll see that each of the plot elements is being drawn as an SVG and each plot has a transform property on its group (g) element that sets where it lies in the PowerChart component.
The original:
After I change the translateY value in the transform property:
You could likely change the transform property in the styles on the plot or using some more complex selectors in the Advanced Stylesheet, but I don't know how those values are being calculated behind the scenes or if it is always consistent so that might get dicey.