how to make a chart line with two different color conditions?

1 Answer 70 Views
Charts
Noor
Top achievements
Rank 1
Iron
Noor asked on 08 Jun 2022, 10:17 AM

how to make a chart line with two different color conditions?

please give me sample code instructions

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 09 Jun 2022, 05:24 PM

Hi Noor,

With its current implementation, the line chart allows multiple colors for its markers (set through the color prop), but only one color for the whole series line. The reason for that is the line is rendered with one common SVG `path` element and we cannot style only part of it.

The chart in the provided image, though, contains two line series (considering the legend items), each of which renders half of all items with different color. You can see a sample demonstrating how to achieve this result in the link below:

Regards,
Vessy
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Charts
Asked by
Noor
Top achievements
Rank 1
Iron
Answers by
Vessy
Telerik team
Share this question
or