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}];
}
string
It is used to set the color in the slider bar.
Defaults to ”
number
It is used to get the end value for applying color.
Defaults to null
number
It is used to get the starting value for applying color.
Defaults to null