how to draw line with one point on column series

2 posts, 0 answers
  1. Srikanth
    Srikanth avatar
    14 posts
    Member since:
    Mar 2012

    Posted 21 Jul 2015 Link to this post

    Following is code....

    1.Drawing a line with multiple values.

     <telerik:RadHtmlChart runat="server" ID="chart1" Width="800" Height="500" Transitions="true">
        <PlotArea>
            <Series>
            
                <telerik:LineSeries Name="Line Series">
                    <LineAppearance LineStyle="Step" />
                    <Appearance>
                        <FillStyle BackgroundColor="Green" />
                    </Appearance>
                    <LabelsAppearance Visible="false" />
                    <MarkersAppearance Visible="false" />
                    <SeriesItems>
                        <telerik:CategorySeriesItem Y="200" />
                        <telerik:CategorySeriesItem Y="200" />
                        <telerik:CategorySeriesItem Y="200" />
                        <telerik:CategorySeriesItem Y="200" />
                        <telerik:CategorySeriesItem Y="200" />
                        <telerik:CategorySeriesItem Y="200" />
                        <telerik:CategorySeriesItem Y="200" />
                    </SeriesItems>
                </telerik:LineSeries>
            </Series>
            <CommonTooltipsAppearance Color="White"></CommonTooltipsAppearance>
            <XAxis>
                <MajorGridLines Color="#EFEFEF" Width="1" />
                <MinorGridLines Color="#F7F7F7" Width="1" />
                <Items>
                    <telerik:AxisItem LabelText="2008" />
                    <telerik:AxisItem LabelText="2009" />
                    <telerik:AxisItem LabelText="2010" />
                    <telerik:AxisItem LabelText="2011" />
                    <telerik:AxisItem LabelText="2012" />
                    <telerik:AxisItem LabelText="2013" />
                    <telerik:AxisItem LabelText="2014" />
                </Items>
                <TitleAppearance Position="Center" Text="Years" />
            </XAxis>
            <YAxis>
                <MajorGridLines Color="#EFEFEF" Width="1" />
                <MinorGridLines Color="#F7F7F7" Width="1" />
                <TitleAppearance Position="Center" Text="Finance" />
            </YAxis>
        </PlotArea>
        <ChartTitle Text="Company Performance">
            <Appearance Align="Center" Position="Top" />
        </ChartTitle>
        <Legend>
            <Appearance Position="Bottom" />
        </Legend>
    </telerik:RadHtmlChart>

     

    2.Not drawing a line with single value.

    <telerik:RadHtmlChart runat="server" ID="chart1" Width="800" Height="500" Transitions="true">
        <PlotArea>
            <Series>
            
                <telerik:LineSeries Name="Line Series">
                    <LineAppearance LineStyle="Step" />
                    <Appearance>
                        <FillStyle BackgroundColor="Green" />
                    </Appearance>
                    <LabelsAppearance Visible="false" />
                    <MarkersAppearance Visible="false" />
                    <SeriesItems>
                        <telerik:CategorySeriesItem Y="200" />                  
                    </SeriesItems>
                </telerik:LineSeries>
            </Series>
            <CommonTooltipsAppearance Color="White"></CommonTooltipsAppearance>
            <XAxis>
                <MajorGridLines Color="#EFEFEF" Width="1" />
                <MinorGridLines Color="#F7F7F7" Width="1" />
                <Items>
                    <telerik:AxisItem LabelText="2008" />
                    <telerik:AxisItem LabelText="2009" />
                    <telerik:AxisItem LabelText="2010" />
                    <telerik:AxisItem LabelText="2011" />
                    <telerik:AxisItem LabelText="2012" />
                    <telerik:AxisItem LabelText="2013" />
                    <telerik:AxisItem LabelText="2014" />
                </Items>
                <TitleAppearance Position="Center" Text="Years" />
            </XAxis>
            <YAxis>
                <MajorGridLines Color="#EFEFEF" Width="1" />
                <MinorGridLines Color="#F7F7F7" Width="1" />
                <TitleAppearance Position="Center" Text="Finance" />
            </YAxis>
        </PlotArea>
        <ChartTitle Text="Company Performance">
            <Appearance Align="Center" Position="Top" />
        </ChartTitle>
        <Legend>
            <Appearance Position="Bottom" />
        </Legend>
    </telerik:RadHtmlChart>

     

    Please find the attached files.​

     

  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1494 posts

    Posted 24 Jul 2015 Link to this post

    Hello Srikanth,

    I have already replied to the other ticket that was opened by you on the matter, so that you can find my answer there - http://www.telerik.com/forums/draw-a-line-on-column-series

    Could I also ask you to not open multiple threads for the same question, so that we do not duplicate subject?

    Thank you for your cooperation.

    Regards,
    Danail Vasilev
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top