Tooltip in EJ 1 Angular PivotGauge control

Angular

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

Try Essential JS 2

28 Sep 20171 minute to read

Tooltip can be enabled by using the enableTooltip property.

NOTE

By default, this property is set to “false”.

HTML

<ej-pivotgauge [enableTooltip]="true">
</ej-pivotgauge>

Tooltip appearance can be customized by overriding its CSS class.

CSS

.e-pivotgauge-tooltip {
    background-color: aqua!important;
    border: 2 px solid red!important;
    color: black!important;
    border-radius: 18 px!important;
    margin-top: 20 px;
    text-align: left;
    font: 12 px Segoe UI;
    line-height: 20 px;
}

Tooltip