This is a migrated thread and some comments may be shown as answers.

X Axis Date format hours

1 Answer 69 Views

Chart (HTML5)

This is a migrated thread and some comments may be shown as answers.

1 Answer, 1 is accepted

answered on 11 Jul 2014, 09:13 AM

htmlchart.png

Hi Thomas Cornelio,

Please try the below approach to achieve your scenario. Here I am binding RadHtmlChart using SqlDataSource and in table the x value column I am saving it as "98-99" format.

ASPX:

<telerik:RadHtmlChart runat="server" Width="800px" Height="500px" ID="RadHtmlChart1"

DataSourceID="SqlDataSource1">

<PlotArea>

<Series>

<telerik:ColumnSeries DataFieldY="Value" Name="Electricity Consumption">

<TooltipsAppearance Color="White" />

</telerik:ColumnSeries>

</Series>

<XAxis DataLabelsField="Year">

<LabelsAppearance RotationAngle="75">

</LabelsAppearance>

<TitleAppearance Text="Year">

</TitleAppearance>

</XAxis>

<YAxis>

<TitleAppearance Text="MWh">

</TitleAppearance>

</YAxis>

</PlotArea>

<Legend>

<Appearance Visible="false">

</Appearance>

</Legend>

<ChartTitle Text="Electricity Consumption">

</ChartTitle>

</telerik:RadHtmlChart>

Thanks,
Shinu.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

X Axis Date format hours

1 Answer, 1 is accepted