PDA

View Full Version : [CLOSED] Perhaps a bug in stacked column chart



feanor91
May 30, 2012, 1:44 PM
Hello

Example :


<%@ Page Language="C#" %>

<%@ Import Namespace="Ext.Net.Utilities"%>
<%@ Import Namespace="Panel=Ext.Net.Panel" %>
<%@ Import Namespace="Chart=Ext.Net.Chart" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>


<script runat="server">
protected void Page_Load(object sender,EventArgs e)
{
// Load the data into the Store and DataBind.
this.stoCharts.DataSource = this.stoChartsValue;
this.stoCharts.DataBind();

this.Form.Controls.Add(BuildWindow1()); //construct window with chart build into
}

private object[] stoChartsValue
{
get
{
return new object[]
{
new object[] {"2011/01/01",10,200,550},
new object[] {"2011/02/01",15,300,450},
new object[] {"2011/03/01",21,452,800},
new object[] {"2011/04/01",1,125,952},
new object[] {"2011/05/01",18,214,458},
new object[] {"2011/06/01",30,57,480},
new object[] {"2011/07/01",25,38,452},
new object[] {"2011/08/01",14,189,650},
new object[] {"2011/09/01",11,170,520},
new object[] {"2011/10/01",9,98,152},
new object[] {"2011/11/01",3,78,259},
new object[] {"2011/12/01",45,120,454}
};
}
}


private Window BuildWindow1()
{
return this.X().Window()
.ID("Window1")
.Title("My Window With Chart in it")
.Height(400)
.Width(300)
.X(0)
.Y(0)
.Layout("Fit")
.Add(BuildChart());

}

private Window BuildWindow2()
{
return this.X().Window()
.ID("Window2")
.Title("My Window with chart into panel")
.Height(400)
.Width(300)
.X(500)
.Y(500)
.Layout("Fit")
.Add(BuildPanel());

}
private Chart BuildChart()
{
Chart MyChart = new Chart();
AxisCollection MyAxes=new AxisCollection();
CategoryAxis AxesX =new CategoryAxis();
NumericAxis AxesY = new NumericAxis();
//LineSeries MySerie1 = new LineSeries();
//LineSeries MySerie2 = new LineSeries();
//LineSeries MySerie3 = new LineSeries();
ColumnSeries MySerie1 = new ColumnSeries();

AxesX.Title = "Month";
AxesX.Fields = new string[1];
AxesX.Fields[0] = "Date";

AxesY.Minimum = 0;
AxesY.Fields = new string[3];
AxesY.Fields[0] = "Value1";
AxesY.Fields[1] = "Value2";
AxesY.Fields[2] = "Value3";

MyAxes.Add(AxesX);
MyAxes.Add(AxesY);

MySerie1.SeriesID = "IdSerie1";
MySerie1.Axis = Position.Left;
MySerie1.XField = new string[1];
MySerie1.XField[0] = "Date";
MySerie1.YField = new string[3];
MySerie1.YField[0] = "Value1";
MySerie1.YField[1] = "Value2";
MySerie1.YField[2] = "Value3";
MySerie1.Stacked = true;


MyChart.StoreID = "stoCharts";
MyChart.Animate = false;

MyChart.Legend = true;
MyChart.Axes.Add(AxesX);
MyChart.Axes.Add(AxesY);

MyChart.Series.Add(MySerie1);
//MyChart.Series.Add(MySerie2);
//MyChart.Series.Add(MySerie3);

MyChart.LegendConfig = new Ext.Net.ChartLegend();
MyChart.LegendConfig.RefreshOnItemToggle = true;

return MyChart;
}

private Panel BuildPanel()
{
return this.X().Panel()
.ID("panChart")
.Title("Chart")
.Padding(5)
.Add(BuildChart());
}

</script>

<!DOCTYPE html protected "-//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 id="Head1" runat="server">
<title>Test Chart into panel</title>

<ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="ScriptFiles" />

</head>

<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" RethrowAjaxExceptions="True">

</ext:ResourceManager>
<%-- Data stores--%>
<ext:Store ID="stoCharts" runat="server" AutoLoad="True">
<Reader>
<ext:ArrayReader />
</Reader>
<Model>
<ext:Model ID="Model2" runat="server">
<Fields>
<ext:ModelField Name="Date" />
<ext:ModelField Name="Value1" />
<ext:ModelField Name="Value2" />
<ext:ModelField Name="Value3" />
</Fields>
</ext:Model>
</Model>
</ext:Store>





</form>
</body>

</html>

Hide all series, you see? The last serie seems as "ghosted". Something I forget or a bug?

Daniil
May 30, 2012, 5:45 PM
Hi,

Thanks for the report.

I have re-reported it to Sencha.
http://www.sencha.com/forum/showthread.php?211252

Lets wait what they will answer.

feanor91
May 30, 2012, 6:30 PM
OK, but just to say that in Ext.JS I have not the problem. If I remeber wel I have suche a problem (in Ext.JS) when I begin to play with gradient in color, bu not sure.

Daniil
May 30, 2012, 6:33 PM
Well, I have reproduced the same with ExtJS.

feanor91
May 30, 2012, 7:59 PM
Ah, OK, so let's wait.

Daniil
Jun 06, 2012, 12:43 PM
There is an update in the Sencha thread.
http://www.sencha.com/forum/showthread.php?211252&p=818197&viewfull=1#post818197

I have checked and confirm the issue is gone with ExtJS 4.1.1 rc1.

So, it should be fixed in Ext.NET as well, then we will upgrade to ExtJS 4.1.1 (will do that after ExtJS 4.1.1 final release).

feanor91
Jun 06, 2012, 12:56 PM
Got it, perfect.

feanor91
Jul 20, 2012, 1:18 PM
Hello, any news on that subject?

Daniil
Jul 20, 2012, 2:38 PM
Hi,

The issue should be fixed in v2.1.
http://svn.ext.net/premium/branches/2.1/

Can you confirm?

feanor91
Jul 23, 2012, 8:20 AM
Hello

Yes confirmed, thanks

Daniil
Jul 23, 2012, 9:09 AM
Thanks for confirmation and again for the report.

feanor91
Jul 23, 2012, 9:19 AM
You'r welcome