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

First time using RadHtmlChart and not getting expected results

3 Answers 93 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
BMac
Top achievements
Rank 1
BMac asked on 16 Dec 2014, 08:38 PM
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>

3 Answers, 1 is accepted

Sort by
0
BMac
Top achievements
Rank 1
answered on 17 Dec 2014, 01:09 PM
Solved everything but the red line at 90%.
0
Accepted
Danail Vasilev
Telerik team
answered on 18 Dec 2014, 12:19 PM
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.

 
0
BMac
Top achievements
Rank 1
answered on 18 Dec 2014, 02:56 PM
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.
Tags
Chart (Obsolete)
Asked by
BMac
Top achievements
Rank 1
Answers by
BMac
Top achievements
Rank 1
Danail Vasilev
Telerik team
Share this question
or