We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Color customization for the SPLine curve type


I have a spline chart that looks like below. 

The dashed lines represents the range area. I want to change color to RED only for the part of curve that falls out of range. How can I achieve that? 

Here is a sample code:


1 Reply

BP Baby Palanidurai Syncfusion Team April 11, 2019 07:22 AM

Hi Aparna, 

Greetings from Syncfusion. 

We have analyzed your query. And we can achieved your requirement by using MutiColoredLine series type in series. While using this series type, you can specify the segment axis and segments which you can set the color and values.  

Please find the below code snippet to achieve this requirement, 
public segments: Object[] = [{ 
        value: 50, 
        color: 'red' 
    }, { 
        value: 80, 
        color: 'green' 
    }, { 
        color: 'red' 


                <e-series [dataSource]='data' type='MultiColoredLine' xName='y' yName='x' name='Germany' width=2 segmentAxis='Y' [segments]='segments'> </e-series> 


Kindly revert us, if you have any concerns. 


Live Chat Icon For mobile
Up arrow icon