Single RangeColumnSeries covers all available space
I'm using the SfCartesianChart and I get the following result using a single RangeColumnSeries:
Details:
- NET Maui v8.0.100
- Syncfusion.Maui.Charts v23.2.7
It works as expected if there're at least 2 range columns. I attach a sample project
Attachment: MauiSample8_6530f83f.zip
Hi Junior Saravia,
We would like to inform you that we can customize the position and width of a single range column segment using the custom series and segment class. You can customize the segment width according to your requirements for mobile and desktop applications. Below, we have provided the code snippet, demo, and runnable sample for reference.
Xaml
|
public class RangeColumnSeriesExt : RangeColumnSeries { internal bool IsSingleSegment { get; set; } protected override ChartSegment CreateSegment() { return new RangeColumnSegmentExt(); }
protected override void DrawSeries(ICanvas canvas, ReadOnlyObservableCollection<ChartSegment> segments, RectF clipRect) { IsSingleSegment = segments.Count == 1; base.DrawSeries(canvas, segments, clipRect); } }
public class RangeColumnSegmentExt : RangeColumnSegment { protected override void Draw(ICanvas canvas) { if (Series is RangeColumnSeriesExt series) { if (series.IsSingleSegment) { var centerX = (Left + Right) / 2;
//You can customize the segment width based on requirement for mobile and desktop applications var rect = new RectF(centerX, Top, 50, (Bottom - Top));
CornerRadius cornerRadius = series.CornerRadius; canvas.SetFillPaint(base.Fill, rect); canvas.FillRoundedRectangle(rect, cornerRadius.TopLeft, cornerRadius.TopRight, cornerRadius.BottomLeft, cornerRadius.BottomRight); } else { base.Draw(canvas); } }
} } |
C#
|
<local:RangeColumnSeriesExt ItemsSource="{Binding Data}" XBindingPath="TimeStamp" CornerRadius="5" StrokeWidth="0" High="Max" Low="Min" /> |
Regards,
Saiyath Ali Fathima M
Attachment: SingleSegmentRange_f2d7a966.zip
