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

how to draw line with one point on column series

1 Answer 128 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Srikanth
Top achievements
Rank 1
Srikanth asked on 21 Jul 2015, 10:02 AM

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.​

 

1 Answer, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 24 Jul 2015, 06:42 AM
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
Tags
Chart (HTML5)
Asked by
Srikanth
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Share this question
or