Home Forums Chart Support Scrollable Tooltip

Scrollable Tooltip

Viewing 2 posts - 1 through 2 (of 2 total)
  • #21333

    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});



    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.
    JavaScript Chart Tooltip

    Vishwas R
    Team CanvasJS

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.