Adding A Vertical Line To An Area Chart
Mar 14, 2011
I'm trying to add a vertical line to an area chart like the following...
<asp:Chart id="chtTriage" Width="545" BackColor="#f2f2f2" runat="server">
<Series>
<asp:Series Name="srs" ChartType="Area" Color="LightGray">
<Points>
<asp:DataPoint XValue="0" YValues="1000" />
<asp:DataPoint XValue="5" YValues="2500" />
<asp:DataPoint XValue="10" YValues="6000" />
<asp:DataPoint XValue="15" YValues="4000" />
<asp:DataPoint XValue="20" YValues="2500" />
<asp:DataPoint XValue="25" YValues="2000" />
<asp:DataPoint XValue="30" YValues="1500" />
<asp:DataPoint XValue="35" YValues="1200" />
<asp:DataPoint XValue="40" YValues="1000" />
<asp:DataPoint XValue="45" YValues="500" />
<asp:DataPoint XValue="50" YValues="0" />
</Points>
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="chaTriage" BackColor="#f2f2f2">
<AxisY Title="Number of Dogs" Interval="1000" IntervalType="Number" IsMarginVisible="false">
<LabelStyle Font="Aerial, 8.25pt" />
<MajorGrid Enabled="false" />
</AxisY>
<AxisX Title="Triage Points" Interval="10" IntervalType="Number" IsStartedFromZero="true" Minimum="0" IsMarginVisible="false">
<LabelStyle Font="Aerial, 8.25pt" />
<MajorGrid Enabled="false" />
</AxisX>
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
View 1 Replies
Similar Messages:
Mar 11, 2010
I have a graph created with MS Chart like the following picture. As you can see the vertical lines are messed up with value of the top of each bar. Here's the mark-up for the graph:
<asp:Chart ID="chtNBAChampionships" runat="server">
<Series>
<asp:Series Name="Championships" YValueType="Int32" ChartType="Column" ChartArea="MainChartArea" IsValueShownAsLabel="true">
<Points>
<asp:DataPoint AxisLabel="Celtics" YValues="17" />
<asp:DataPoint AxisLabel="Lakers" YValues="15" />
<asp:DataPoint AxisLabel="Bulls" YValues="6" />
<asp:DataPoint AxisLabel="Spurs" YValues="4" />
<asp:DataPoint AxisLabel="76ers" YValues="3" />
<asp:DataPoint AxisLabel="Pistons" YValues="3" />
<asp:DataPoint AxisLabel="Warriors" YValues="3" />
</Points>
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="MainChartArea">
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
I don't want the display the vertical line because it's messed up with the value on top of the each bar. How can I disable the vertical line?
View 3 Replies
Dec 23, 2010
I want to draw the vertical line in designing. For example Table 1 Keep your job-search confidential Control your privacy Reach to over 35000 recruiters Get Job Alerts in your inbox Apply to jobs from your Mobile. I want to draw vertical line both side about table1
View 1 Replies
Sep 1, 2010
i have an Grdiview within that two table is there, one is for header another is for body section, now the horizontal line is coming on the gridview but vertical line is not coming, below is my code
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
CellSpacing="1" CellPadding="0" AllowPaging="True" PageSize="200"
CssClass="searchResult" OnRowCommand="GridView1_RowCommand"
OnRowDataBound="GridView1_RowDataBound">
<HeaderStyle CssClass="searchResultHeader" HorizontalAlign="Center"/>
<RowStyle BackColor="#ecf5ff" ForeColor="#333" Font-Size="11px" Height="30px"/>
<AlternatingRowStyle BackColor="white" ForeColor="#333" Height="30px"/>
<Columns>
<table cellspacing="0" width="100%" >
<HeaderTemplate>
<tr>
<td>...some asp controls</td>
<td>...some asp controls</td>
<td>...some asp controls</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<table cellspacing="0" cellpadding="0" style="width:100%;" >
<tr style="height:30px;" >
<td width="5%" style="font-
size:11px;height:30px;width:5%;" >
<td width="5%" style="font-size:11px;height:30px;width:5%;" > ...........................
so, horizontal line( _ ) is displaying, now i want to show the vertical line(|)
View 8 Replies
Oct 21, 2011
I have seen many web sites using a vertical line as separator, between menu items. How can I create a menu with that line..?Is there any link about styling menu control ?
View 2 Replies
Jan 3, 2010
Textbox1
Textbox2
Textbox4
Textbox5
Textbox 3
Textbox3
I've one of webform (in design side) has so many textboxes incorborate from one another so , i want to draw line vertically and horizontally acoross the page to point the textboxes
View 1 Replies
Mar 29, 2010
how do I convert the linebreak of the text area to an actual linebreak?
When I try to convey it in a label it doesn't refer to the linebreak. I've tried to convert the to an "<br/>" but for some reason it didn't
accept it and showed "<br/>" instead of breaking the line.
View 5 Replies
Nov 16, 2010
I have the following regex 0-9-a-z-A-Z-@-.-:-/-_- - -s- ,
which is fine but i also want to allow new lines/break from data from text area so I can retrieve the next line.
So lets data is like this
Geography - Higher - A1
Irish - Higher - A2
Maths Ordinary - B1
English - Higher - B1
Business - Higher - B1
French - Higher - B1
My current script is stopping at "Geography - Higher - A1" I need to get to next line.
PS : What I am doing is using a program called Text Template Parser which requires the regex
View 2 Replies
Mar 8, 2011
In my text area, I should be able to enter only 72 characters per line. If I use, cols property set to 72, it is allowing more or less number of characters depending on character width.
View 3 Replies
Sep 15, 2010
I have a .Net 4 Chart Control bound to stored proc. For some customer selected queries the chart will be empty. I would like to display a "No data" message in the empty charting area so customers understand why the chart is empty. I haven't been able to find any information about how to do this.
View 1 Replies
Jul 15, 2010
I have data in data table like below.
I am trying to make graph like below using asp.net chart control (made graph in excel with some test data)
points are X and Y values. lines are linear, exponential, logarithmic and power values.
how can I make this chart in asp.net (vb.net or c#)? I am newbie to chart control.
View 1 Replies
Apr 3, 2010
My web service needs to do generate some line charts which will then be added to a PDF report that is streamed to the client.
How do I generate the line chart in the web service?
View 2 Replies
May 7, 2015
C#:
protected void Page_Load(object sender, EventArgs e) {
if (!IsPostBack) {
LineGraphFunction();
}
}
//code for line graph
protected void LineGraphFunction()
[code]....
HTML:
<cc1:LineChart ID="LineChart1" Width="500px" runat="server" ChartHeight="300" ChartWidth = "450" TooltipBorderColor="#D8D8D8" TooltipFontColor="blue"
ChartType="Basic" ChartTitleColor="#0E426C" Visible = "false" BorderColor="Blue" BorderWidth="1px"
CategoryAxisLineColor="#D08AD9" ValueAxisLineColor="#D08AD9" BaseLineColor="#A156AB">
</cc1:LineChart>
Problem is:
In the "LineChart", everytime last "y-axis" point is going out of graph (i.e., somewhere in the footer of x-axis)
X-axis Y-axis
3.4 5.2
5.3 7
2 8.7
1) like in above table, all the point will plot except the last x-axis and y-axis points. Also, y-axis value = 8.7 goes away from graph and comes in the footer of x-axis line.
2) like if x-axis = 3, y-axis=6, then 6 goes out of the graph and comes in footer of x-axis line.
But this problem occurs only when Im using SELECT query for a "particular Id" i.e.,
SELECT x,y from Table1 where Id='Gaug9' and DeletionDate is null
If I will remove where Id=' ' then it will work fine. But I need to plot graph based on particular Id's.
View 1 Replies
Jul 26, 2010
I have line chart which has values :
[code]...
when we set IsValueShownAsLabel=true on y-axis it shows value 0.
but graph showing values below zero at last 0.00 before 327.78.
Because I m new user cannot upoad image have a look Chart image from below url: [URL]
View 1 Replies
Mar 10, 2011
It is easy to use SQLDataSource as data data source in Column chart (see code below). Is there any easy way to use SQLDATASource to fill line chart with minimum configuration? Most samples I found on the web do not use SQLDATASOURCE as data source .
[Code]....
View 3 Replies
Mar 12, 2010
We have a large mvc2 project and just added an area to it. Now some of the paths in our forms are messed up. We are using Strongly Typed actionlinks and formextensions. Please look at the following demo: [URL] The form on this page is incorrectly submitting to the area. I think it's related to routing or just the way that area's are figured out when it's not specified.
View 5 Replies
Apr 26, 2010
i m using Asp.Net Chart control i m using Line Chart i need to give the color the area under the line(ike google DashBoard)
View 3 Replies
Dec 6, 2013
I want to create line chart that shows Daily and last Month result in it (line chart)
View 1 Replies
May 7, 2015
URL....i want to change color of each point in this chart control
View 1 Replies
May 7, 2015
I use a LineChart control in asp.net and C# but I have a problem because my linechart in my page is black..
This is a screenshot (i did Ctrl + A to show you there are data on this chart) ....
View 1 Replies
Dec 10, 2013
I followed the article found in below link. When i run the page, only one line gets generated according to the values retireved last. URL....
C#
string query = string.Format("SELECT CHAR(CDATE, ISO),CSCUNITPRICE FROM UNITZ.DAILYLOG where fundcode = 'BAL'");
DataTable dt = GetData(query);
string[] x = new string[dt.Rows.Count];
decimal[] y = new decimal[dt.Rows.Count];
for (int i = 0; i < dt.Rows.Count; i++)
[code].....
View 1 Replies
Jun 7, 2010
On my X Axis, I have months. The chart shows up to 11 points, i.e. Jan - Nov of the same year, but when I add 12 points (Jan - Dec), it will do an auto label thing and change the interval for every 4 months.
How can I change the graph so that it shows 12 months before it does the auto labels?
Here is the server control code I am currently using.
[code]....
View 1 Replies
Jul 8, 2010
i have column chart on my page i want to disaply line at zero and all other grid lines visible false how i can i do that i am using asp.net 4.0 chart control
View 1 Replies
Jan 28, 2011
I have to create a line chart from a sql query. It is as follows:
[Code]....
However,I need to take PlayerName into account too.For example,if there are 2 different PlayerNames,2 different series will be shown on the line chart.
View 1 Replies
May 7, 2015
This is my aspx code :
<asp:Chart ID="ChartAlertes" runat="server" Width="500px">
<Titles>
<asp:Title Text="Nombre d'alertes et leurs status en fonction des filtres renseignés"
BorderColor="Black" Alignment="TopCenter">
</asp:Title>
</Titles>
[code]...
I display 2 Points (2 columns) in the Chart Control and I change the color of the each Points with :
ChartAlertes.Series[0].Points[0].Color = System. Drawing. Color.Red;ChartAlertes.Series[0].Points[1].Color = System.Drawing.Color.DarkOrange;
But sometimes, I have only 1 Point to display or nothing at all on the Chart. So I'd like to check If there are some Points before to put the color of each Point.
For example :
if (ChartAlertes.Series[0].Empty == false)
{
//...
}
View 1 Replies