You must be logged in to post your query.
Home › Forums › Chart Support › Scrollable Tooltip
Is there a way I can make the tooltip scrollable for my stackedColumn chart? I tried doing: ::ng-deep .canvasjs-chart-tooltip{ /*right: 5px !important;*/ /*left: auto !important;*/ /*top: 5px !important;*/ /*bottom: auto !important;*/ height: 100px !important; overflow-y: scroll !important; } in my CSS file, and I also tried setting the style in my toolTipContent: datasets.push({ type: ‘stackedColumn’, showInLegend: true, name: ‘xx’, toolTipContent: ‘<div style=”overflow-y: scroll !important”>{name}</div>’, dataPoints: dataPoints});
@brianali,
Tooltip doesn’t capture any events. Setting pointer-events: auto !important; along with setting height and overflow-y should work fine in your case. Please refer this documentation page for more information on toolTip. Also take a look at this JSFiddle for an example on same.
pointer-events: auto !important;
— Vishwas R Team CanvasJS
You must be logged in to reply to this topic. Login/Register