How to remove outline or stroke from ChartSeriesMarkers in Telerik Chart?

ykl
ykl
316 Points
15 Posts

Guys, I'm trying to remove marker outline i.e. stroke in the Telerik Chart. But I'm not seeing any way to do this.

Problem with outline (stroke): For the large point data and very near data, telerik chart is ploting data point as linear graph and looks good. But when do moveout on legend it's showing only last point other getting blank:

  1. Without mouse hover
  2. With mouse hover on legend

I tried to remove stroke by css:

<style>
    /* See also component isolated css file if present. */
    div svg circle {
        stroke: #000000;
        stroke-width: 0px;
    }
</style>

But I want to do this from chart control:

<ChartSeriesMarkers>
    <ChartSeriesMarkersBorder Width="0"></ChartSeriesMarkersBorder>
</ChartSeriesMarkers>

Anyone has any idea?

 

Views: 194
Total Answered: 2
Total Marked As Answer: 1
Posted On: 11-Jul-2024 22:22

Share:   fb twitter linkedin
Answers
beginer
beginer
1544 Points
52 Posts
         

Found somthing: https://docs.telerik.com/blazor-ui/knowledge-base/chart-transparent-marker

we can add transparent marker. not sure if it will help something in your case.

Posted On: 12-Jul-2024 02:25
thanks.
 - ykl  12-Jul-2024 05:01
ykl
ykl
316 Points
15 Posts
         

Thanks. Resolved issue by setting stroke-opacity:

<style>
    div svg circle {
        stroke-opacity: 0.4;
    }
</style>

Posted On: 12-Jul-2024 05:01
Thanks for sharing solution.
 - Brian  12-Jul-2024 05:51
welcome!
 - ykl  30-Jul-2024 00:55
 Log In to Chat