First time using RadHtmlChart and not getting expected results

Thread is closed for posting
4 posts, 1 answers
  1. Venny
    Venny avatar
    6 posts
    Member since:
    Oct 2014

    Posted 16 Dec 2014 Link to this post

    My first attempt did not go well. I've looked at samples, etc. and still can't get this to work. The issues are:

    1) I can't get the Y-Axis line to display at the left.
    2) I can't get the MinorTick lines to go away.
    3) I want to put a red line along the 90% mark and label it as Target.

    Chart code and picture of what I'm getting provided below.

    <
    telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" DataSourceID="supplierAverage" Height="500px" Skin="WebBlue" Width="800px" Visible="true">
        <charttitle Text="FWM SUPPLIER ON-TIME DELIVERY">
            <appearance Align="Center" Position="Top" visible="True">
            </appearance>
        </charttitle>
     
        <Legend>
            <Appearance position="Bottom" Visible="True"></Appearance>
        </Legend>
     
        <plotarea>
            <Series>
                <telerik:ColumnSeries Name="Hardware" DataFieldY="Hardware">
                    <LabelsAppearance DataFormatString="{0}%"></LabelsAppearance>
                    <SeriesItems>
                    </SeriesItems>          
                </telerik:ColumnSeries>
                <telerik:ColumnSeries Name="Raw Materials" DataFieldY="RawMaterials">
                    <LabelsAppearance DataFormatString="{0}%"></LabelsAppearance>
                    <SeriesItems>
                    </SeriesItems>          
                </telerik:ColumnSeries>
            </Series>
            <XAxis DataLabelsField="Month" Visible="True" MinorTickType="None" AxisCrossingValue="1" MaxValue="12" MinValue="1" Step="1">
                <LabelsAppearance DataFormatString="{0}" />
            </XAxis>
            <YAxis maxvalue="100" minvalue="0" name="Percentage" step="10" MinorTickSize="0" MinorTickType="None" Visible="True">
                <TitleAppearance Position="Center" Text="Percentage" />
            </YAxis>
     
        </plotarea>
    </telerik:RadHtmlChart>
  2. Venny
    Venny avatar
    6 posts
    Member since:
    Oct 2014

    Posted 17 Dec 2014 in reply to Venny Link to this post

    Solved everything but the red line at 90%.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Danail Vasilev
    Admin
    Danail Vasilev avatar
    1494 posts

    Posted 18 Dec 2014 Link to this post

    Hello Venny,

    In order to place such a line I can suggest that you try either approach:

       - Either create an additional line series that crosses this point. See an example here.
       - Or use plot bands.

    Both approaches do not support labels. You can, however, raise the priority of this feature request on the matter.

    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  5. Venny
    Venny avatar
    6 posts
    Member since:
    Oct 2014

    Posted 18 Dec 2014 Link to this post

    Neither solution worked satisfactorily, but combining them with some addition tweaking produced an adequate result. Not exactly what I was after, but it will work.
Back to Top