I'm having issues with the legend scroll bars. Specifically, when the legend position is set to "right" and the enough legend items appear that a vertical scroll bar is shown, a horizontal scroll bar will also appear even though there is plenty of space between the legend and the chart. Here's what it looks like:
When I use the developer console to manually add 20px to the div with id="#legend_[chartdiv]Container" (where [chartdiv] is the id of the chart's parent div) then the horizontal scroll bar goes away. This, combined with the fact that the horizontal scroll bar does not typically appear when the vertical scroll bar is not present, makes me think that whatever script is generating the legend dimensions is not accounting for the vertical scroll bar width.
A related issue occurs when a legend only contains one item, and its width is sufficient to justify a horizontal scroll bar. The horizontal scroll bar then overlaps the legend item - again as if the scroll bar were not taken into account when the legend dimensions were calculated. Here's what that looks like:
I realize I can pre-set the legend width when creating the chart, but setting a large width looks ridiculous with a list of small legend items. Since this is a drilldown chart I don't have the luxury of knowing exactly what legend items will appear. I would like the legend to be re-sized appropriately. So ultimately, here's my question:
Is there an event I can use to tack on some custom jQuery resizing function?
I tried
legendBoundsCalculate but the event does not trigger - it won't pop up an alert box or hit a breakpoint set in the Firefox javascript debugger. Most other events seem to fire before the legend is rendered, including renderComplete. I had some luck with animationComplete, but it is inconsistent. Any suggestions?
Thanks,
Matt, CodeASite
