RadHtmlChart - can i tell labels to appear on series line

[Doug]

RadHtmlChart - can I tell the labels to be centered on the series line and the line does a gap right there with no line or marker behind the number.
this is an option in excel when doing a chart.

[Danail Vasilev]

Hello Doug,

You can hide the markers and offset the labels with a particular margin. For example:

     <telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="600px" Height="400px">
    <PlotArea>
        <Series>
            <telerik:LineSeries Name="Product 1">
                <MarkersAppearance Visible="false" />
                <LabelsAppearance>
                    <TextStyle Margin="0 0 -18 0" />
                </LabelsAppearance>
                <SeriesItems>
                    <telerik:CategorySeriesItem Y="15000" />
                    <telerik:CategorySeriesItem Y="23000" />
                    <telerik:CategorySeriesItem Y="10000" />
                </SeriesItems>
            </telerik:LineSeries>
        </Series>
        <XAxis>
            <Items>
                <telerik:AxisItem LabelText="1" />
                <telerik:AxisItem LabelText="2" />
                <telerik:AxisItem LabelText="3" />
            </Items>
        </XAxis>
    </PlotArea>
    <ChartTitle Text="Product sales for 2011">
    </ChartTitle>
    <Legend>
        <Appearance Position="Bottom" />
    </Legend>
</telerik:RadHtmlChart>

Regards,
Danail Vasilev
Telerik

 

 

[Doug]

right, I had gotten that part. the part I couldn't see if there was anyway to do was to have a visual gap in series line where the text is located.

[Danail Vasilev]

Hi Doug,

You can try to set a larger size for the markers with a white backgroundcolor:

<MarkersAppearance Size="30" BackgroundColor="White" BorderColor="Transparent" />
<LabelsAppearance>
    <TextStyle Margin="0 0 -28 0" />
</LabelsAppearance>

Regards,
Danail Vasilev
Telerik