Use RangeColumn to display DateTime ranges.

[Vladimir Melnik]

Hello,

I would like to create a chart which will show time ranges according to the groups. So X axis should be DateTime and Y axis is a category (or double). See the picture.

Best regards,

Volodymyr

[Durga Gopalakrishnan]

Hi Vladimir, 

Greetings from Syncfusion. 

We have analyzed your query with attached screenshot. We suggest you to specify X axis as Category type and Y axis as Double type since it doesn’t support DateTime type, for this you can assign milliseconds value to Y and customize its labels using OnAxisLabelRender event. We have attached sample for your reference. 

Code Snippet : 

<SfChart IsTransposed="true"> 

    <ChartEvents OnAxisLabelRender="LabelRender"></ChartEvents> 

</SfChart> 

@code{ 

    public void LabelRender(AxisLabelRenderEventArgs Args) 

    { 

        if(Args.Axis.Name == "PrimaryYAxis") 

        { 

            Args.Text = ((new DateTime(1970, 1, 1)).AddMilliseconds(double.Parse(Args.Text))).ToString().Split(' ')[0]; 

        } 

    } 

} 

Screenshot : 

 

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/RangeBar-235800352.zip 

UG : https://blazor.syncfusion.com/documentation/chart/events/#onaxislabelrender 

Kindly revert us if you have any concerns. 

Regards, 

Durga G