Time always showing as years and no label appearing

[Rodrigo]

Hello!

I'm building some charts that varies through time and I see that they have a ValueType of Datetime and that I can set the interval type. 

• My time interval only makes sense on a minute level but there seems to be a problem where there year just get repeated independently of the ValueType I choose (even with auto). Please check the image below and code.
• I'm setting the LabelFormat property but when I hoover on the points (see image below) the are not showing.

<EjsChart Title="Data">

    <ChartArea><ChartAreaBorder Width="0"></ChartAreaBorder></ChartArea>

    <ChartPrimaryXAxis ValueType="Syncfusion.EJ2.Blazor.Charts.ValueType.DateTime" LabelFormat="y" IntervalType="IntervalType.Minutes" EdgeLabelPlacement="EdgeLabelPlacement.Shift">

        <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>

    </ChartPrimaryXAxis>

    <ChartPrimaryYAxis LabelFormat="{value}º" RangePadding="ChartRangePadding.None" Minimum="0" Maximum="90" Interval="10">

        <ChartAxisLineStyle Width="0"></ChartAxisLineStyle>

        <ChartAxisMajorTickLines Width="0"></ChartAxisMajorTickLines>

    </ChartPrimaryYAxis>

    <ChartTooltipSettings Enable="true"></ChartTooltipSettings>

    <ChartSeriesCollection>

        <ChartSeries DataSource="@ChartData" Name="Data 1" XName="Time" Width="2" Opacity="1" YName="YValue" Type="ChartSeriesType.Line">

            <ChartMarker Visible="true" Width="10" Height="10">

            </ChartMarker>

        </ChartSeries>

        <ChartSeries DataSource="@ChartData" Name="Data 2" XName="Time" Width="2" Opacity="1" YName="YValue" Type="ChartSeriesType.Line">

            <ChartMarker Visible="true" Width="10" Height="10">

            </ChartMarker>

        </ChartSeries>

        <ChartSeries DataSource="@ChartData" Name="Data 3" XName="Time" Width="2" Opacity="1" YName="YValue" Type="ChartSeriesType.Line">

            <ChartMarker Visible="true" Width="10" Height="10">

            </ChartMarker>

        </ChartSeries>

    </ChartSeriesCollection>

</EjsChart>

[Durga Gopalakrishnan]

Hi Rodrigo, 

 

Greetings from Syncfusion. 

 

We have validated reported scenario. We suggest you to specify LabelFormat property as mm or hh:mm:ss based on your need to display the axis labels in minutes. We have modified sample for your reference. Please check with the below code snippet and sample. 

 

Code Snippet 

 

<EjsChart Title="Data"> 

    <ChartPrimaryXAxis ValueType="Syncfusion.EJ2.Blazor.Charts.ValueType.DateTime"  

           LabelFormat="hh:mm:ss" IntervalType="IntervalType.Minutes"> 

    </ChartPrimaryXAxis> 

</EjsChart> 

 

Screenshot 

 

 

Sample 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/LabelFormatDatetime1586022250.zip 

 

UG Link 

https://ej2.syncfusion.com/blazor/documentation/chart/date-time-axis/?no-cache=1#label-format 

 

Kindly revert us, if you have any concerns. 

 

Regards, 

Durga G