Home Forums Chart Support Completely custom tooltip Reply To: Completely custom tooltip

#17671

@sbsbsb

You can customize tooltip as per your requirement by modifying styles of canvasjs-chart-tooltip class.
Kindly take a look at the code snippet below,

.canvasjs-chart-tooltip div{
    border-radius : 50% !important;
    width : 50px !important;
    height : 50px !important;
    
}

.canvasjs-chart-tooltip {
      box-shadow : rgba(0, 0, 0, 0) 1px 1px 2px 2px !important

} 

Please take a look at this JSFiddle for an example on creating custom Tooltip styles using CSS.

changing tooltip style using css

—–
Bivek Singh,
Team CanvasJS