AJAX :: Line Chart Not Working In IE?
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
Similar Messages:
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
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
Mar 6, 2013
I work with a tank of visual studio when I click to display the graph he shows not all points on the X axis
for example the table nbr_num_semaine_av contains values in order
(18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,1,2,3,4)
but the graph shows on the X axis only that 18, 38, 41
for (int k = 0; k < semaine.Count(); k++) {
Chart4.Series["Nombre de points terminés"].Points.AddXY(nbr_num_semaine_av[k], nbr_points_Termin[k]);
Chart4.Series["Nombre Total d'element"].Points.AddXY(nbr_num_semaine_av[k], nbr_element.Count());
}
Chart4.Series["Nombre de points terminés"].ChartType = SeriesChartType.Line;
Chart4.Series["Nombre Total d'element"].ChartType = SeriesChartType.Line;
Chart4.Series["Nombre de points terminés"].IsXValueIndexed = true;
Chart4.Visible = true;
View 1 Replies
Feb 1, 2014
I am currently making a line chart of Ajax control toolkit referring to an article [URL] .....
It works fines as described. My question is how to reverse Y axis of the line chart.
I need to place 1 (not 0) at the top of Y axis and biggest number near the bottom with some margin from axis X. The described chart is biggest number neat the top and 0 at the bottom.
View 1 Replies
Feb 20, 2013
I work with a charline (ajax control toolkit) and I want to manipulate from code behind but I do not really know how! I have an example but the data are in the aspx code.
<ajaxToolkit:LineChart ID="LineChart1" runat="server"
ChartWidth="450" ChartHeight="300" ChartType="Basic"
ChartTitle="United States versus European Widget Production"
CategoriesAxis="2007,2008,2009,2010,2011,2012"
ChartTitleColor="#0E426C" CategoryAxisLineColor="#D08AD9"
[code]....
View 1 Replies
Feb 22, 2013
how to work with multiple series! for example: with 2 series and display the name of each series in the graph! like this example: URL...
View 1 Replies
Mar 17, 2011
I am new to this forums.I am using the Google Chart API to show the chart on the page on the drop down selection. This is working fine in IE but not in firefox 3.6 with update panel. When I remove the update panel then this is working fine in all browsers but if I use update panel on the page then chart is disappering after changing the selection of drop down. It seems that google chart is not compatible with update panel.
My code is something like this. Please suggest where I am doing wrong.
/******************* default.aspx *******************/
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="SAGAdriving_Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", { packages: ["corechart"] });
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');
data.addRows(4);
data.setValue(0, 0, '2004');
data.setValue(0, 1, 2);
data.setValue(1, 0, '2005');
data.setValue(1, 1, 1);
data.setValue(2, 0, '2006');
data.setValue(2, 1, 0);
data.setValue(3, 0, '2007');
data.setValue(3, 1, 10);
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, { width: 400, height: 240, title: 'Company Performance', hAxis: { title: 'Year', titleTextStyle: { color: 'red'} }, is3D: true });
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<div style="z-index: 2; vertical-align: middle; position: absolute; left: 450px;
top: 300px;">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/ajax-loader.gif" />
</div>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div>
<asp:DropDownList ID="ddlTime" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlTime_SelectedIndexChanged">
</asp:DropDownList>
<div id="chart_div">
</div>
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddlTime" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
</form>
</body>
</html>
/******************* default.aspx.cs *******************/
[Code]....
Note: when I remove update panel from the page then it works fine in both firefox and IE.
View 2 Replies
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
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
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
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
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
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
Feb 16, 2012
I have created a bar chart which gives me the appropriate data as i required but the only problm in it is that i have inherited a jquery file which gives the variable and using that variable only i can set its values.
Now i want the bar_width/bar to be in the middle of the co-ordinate line i.e
In the above image, it can be seen that between the bar and the co-ordinates there is a space and i want to reduce that and want the bar to be displayed in the center.
View 1 Replies
Jun 5, 2010
I don't want to display the grid inside the line chart. Also I want to show a multiple lines in a single line chart(single chart displaying multiple line charts).
View 1 Replies
Jul 14, 2010
I need to create a chart, preferably using MS Chart Controls, that looks like a stepline chart with the exception that color has to be filled in under the line. An area chart won't block off values like a stepline chart (it creates a direct, or curved, line from one point to another). An area chart does fill in the color the way I would like it to be but I want a stepline effect. What I guess I want is a StepArea chart. I would imagine that it should be possible but I haven't been able to configure it the way I want. how I can do this?
View 2 Replies
Jan 16, 2014
I referred this link [URL] ...
In order to add pie chart into my website, but i want to remove black border and add % sign to the numbers showing graph and also want to set colours in pie chart based on my website theme.
View 1 Replies