Scrollbars on chart window

The charting window by default has been configured to prevent scrollbars from appearing in most screen sizes.

If after integrating the library into your display window you notice scroll bars displaying even though the screen appears large enough to render the chart, the issue is probably caused by an improperly sized body overlay. This is an invisible DIV that the chart uses whenever a menu is shown. It sits just underneath the menu, so that when a user clicks on a drop down item outside of the top menu frame, it registers the click.

.stxBodyOverlay is the class in stx-standard.css. It should be overflow:hidden and width:99% to avoid scrollbars.

Here is the complete class as it should appear on your implementation:

.stxBodyOverlay, .stxDialogOverlay {
    position: absolute;
    width: 99%; /* prevent scollbars */
    height: 100%;
    top: 0px;
    overflow: hidden;
    display: none;
    background: rgba(255,255,255,0);    /* fully transparent. If this is left out then IE9 won't detect clicks on the overlay */
}