ColorRangeData

12 Sep 20251 minute to read

It illustrates the color track data in slider.

 <ejs-slider id='default' [value]='value' [colorRange]="color"></ejs-slider>

import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
    templateUrl: 'app/template.html',
    styleUrls:['index.css'],
})
export class AppComponent {
    public value: number = 30;
    public color:ColorRangeDataModel[] = [{color:'#898b2b', start: 0, end: 20}];
}

Properties

color string

It is used to set the color in the slider bar.

Defaults to ’’

end number

It is used to get the end value for applying color.

Defaults to null

start number

It is used to get the starting value for applying color.

Defaults to null