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

Trouble migrating radChart to HtmlChart

1 Answer 56 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Leon
Top achievements
Rank 1
Leon asked on 07 Feb 2014, 01:46 PM
Hi.

I am trying to migrate the below code from radChart into an HtmlChart, but unfortunately I am having lots of issues doing so.  Any insight/help would be greatly appreciated, as well as any hints/tips/tricks for doing so.

<
telerik:RadChart ID="chartMain" runat="server" AutoLayout="True">
    <charttitle>
        <Appearance Position-AlignedPosition="Top">
        </Appearance>
        <TextBlock Text="">
        </TextBlock>
    </charttitle>
    <series>
        <telerik:ChartSeries Name="Index" Type="Line" DataYColumn="Close" DataLabelsColumn="OADate"
            DataXColumn="OADate">
            <Appearance ShowLabels="false">
            </Appearance>
        </telerik:ChartSeries>
        <telerik:ChartSeries Name="Index" Type="Line" DataYColumn="Close" DataLabelsColumn="OADate"
            DataXColumn="OADate">
            <Appearance ShowLabels="false">
            </Appearance>
        </telerik:ChartSeries>
    </series>
    <legend visible="False">
        <appearance visible="False" position-alignedposition="TopRight">
        </appearance>
    </legend>
    <appearance textquality="AntiAlias">
    </appearance>
    <plotarea xaxis-datalabelscolumn="OADate">
        <EmptySeriesMessage TextBlock-Text="Awaiting Data">
            <TextBlock Text="Awaiting Data">
            </TextBlock>
        </EmptySeriesMessage>
        <XAxis LayoutMode="Between" AutoScale="False">
            <Appearance ValueFormat="ShortTime" MajorGridLines-Visible="false" CustomFormat="HH">
            </Appearance>
        </XAxis>
        <YAxis IsZeroBased="false" AxisMode="Extended">
        </YAxis>
    </plotarea>
</telerik:RadChart>

Kind regards.
Leon

1 Answer, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 11 Feb 2014, 01:07 PM
Hi Leon,

I can suggest that you examine thoroughly the following articles that shed more light on how to migrate the basic setup from RadChart to RadHtmlChart:

Note also the following:
  • RadHtmlChart handles better its Layout components and therefore it doesn't have AutoLayot and AxisMode properties.
  • In order to migrate the RadChart's ChartSeries.DataLabelsColumn property you must use templates for the RadHtmlChart's series labels. More information on the matter is available in
    ClientTemplate for Series Labels and Tooltips article.
  • RadHtmlChart supports date axis out of the box and therefore additional data source manipulations and configuration is not required (see Migrating Date Axis Configuration article).
  • RadHtmlChart doesn't support empty series message out of the box. You can, however, manually check whether the series is empty and align an HTML element with absolute position over the chart with the desired message.


Regards,
Danail Vasilev
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Chart (HTML5)
Asked by
Leon
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Share this question
or