Trouble migrating radChart to HtmlChart

2 posts, 0 answers
  1. Leon
    Leon avatar
    11 posts
    Member since:
    Jan 2014

    Posted 07 Feb 2014 Link to this post


    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">
            <Appearance Position-AlignedPosition="Top">
            <TextBlock Text="">
            <telerik:ChartSeries Name="Index" Type="Line" DataYColumn="Close" DataLabelsColumn="OADate"
                <Appearance ShowLabels="false">
            <telerik:ChartSeries Name="Index" Type="Line" DataYColumn="Close" DataLabelsColumn="OADate"
                <Appearance ShowLabels="false">
        <legend visible="False">
            <appearance visible="False" position-alignedposition="TopRight">
        <appearance textquality="AntiAlias">
        <plotarea xaxis-datalabelscolumn="OADate">
            <EmptySeriesMessage TextBlock-Text="Awaiting Data">
                <TextBlock Text="Awaiting Data">
            <XAxis LayoutMode="Between" AutoScale="False">
                <Appearance ValueFormat="ShortTime" MajorGridLines-Visible="false" CustomFormat="HH">
            <YAxis IsZeroBased="false" AxisMode="Extended">

    Kind regards.
  2. Danail Vasilev
    Danail Vasilev avatar
    1502 posts

    Posted 11 Feb 2014 Link to this post

    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.

    Danail Vasilev
    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.
Back to Top