Home forums Using CanvasJS Scrollable Tooltip

This topic contains 1 reply, has 2 voices, and was last updated by  Vishwas R 2 weeks, 4 days ago.

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

    brianali
    Member

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

    #21335

    Vishwas R
    Keymaster

    @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 take a look at this JSFiddle.


    Vishwas R
    Team CanvasJS

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

You must be logged in to reply to this topic.