Tooltips are not contained within window

[TaylorShane]

On small screens tooltips partially appear outside the browser window. They should instead be bound to the confines of the browser window so all content can be read.

Version: "@angular/animations": "-11.2.1", "@angular/common": "~11.2.1", "@angular/compiler":"-11.2.1", "@angular/core": "~11.2.1", "@angular/forms": "-11.2.1", "@angular/localize": "~11.2.1", "@angular/platform-browser": "-11.2.1 "@angular/platform-browser-dynamic": "-11.2.1", "@angular/router":"-11.2.1", "bootstrap": "^4.6.0", "echarts": "^5.0.2", "ngx-bootstrap": "^6.2.0", "ngx-echarts": "^6.0.0",

[chuck0523]

Did you try confine option ?

If not, try setting below

tooltip: {
  confine: true
}

ref: https://echarts.apache.org/en/option.html#tooltip.confine

[TaylorShane]

Thanks @chuck0523! I got lost in the mass of documentation and didn't see this optional argument.