Nov 29, 2013, 5:39 PM
re-creating chart in source code causes data to be crunched in upper left corner
Please note that I specified a chart in aspx code like so, which works beautifully:
<ext:Panel ID="pnlChart1" runat="server" Title="Technical Driver #1" Width="800"
Height="280" Layout="FitLayout">
<TopBar>
<ext:Toolbar ID="Toolbar2" runat="server">
<Items>
<ext:Button ID="Button1" runat="server" Text="Reload Data" Icon="ArrowRefresh" OnDirectClick="ReloadData" />
<ext:Button ID="Button2" runat="server" Text="Save Chart" Icon="Disk" Handler="saveChart" />
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:Chart ID="Chart1" runat="server" StyleSpec="background:#fff;" Shadow="true"
StandardTheme="Category1" Animate="true">
<LegendConfig Position="Right" />
<Store>
<ext:Store ID="Store1" runat="server" Data="<%# LineChartData.GenerateData(Convert.ToInt32(ddlTechnicalDriverCond.SelectedItem.Value), Convert.ToInt32(ddlFieldCond.SelectedItem.Value), Convert.ToInt32(ddlProjectCond.SelectedItem.Value)) %>"
AutoDataBind="true">
<Model>
<ext:Model ID="Model3" runat="server">
<Fields>
<ext:ModelField Name="Name" />
<ext:ModelField Name="Normal" />
<ext:ModelField Name="Optimistic" />
<ext:ModelField Name="Pessimistic" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Axes>
<ext:NumericAxis Fields="Normal,Optimistic,Pessimistic" Title="Number of Hits" MinorTickSteps="1"
Minimum="0">
<GridConfig>
<Odd Opacity="1" Fill="#ddd" Stroke="#bbb" StrokeWidth="0.5" />
</GridConfig>
</ext:NumericAxis>
<ext:CategoryAxis Position="Bottom" Fields="Name" Title="Year" />
</Axes>
<Series>
<ext:LineSeries Axis="Left" XField="Name" YField="Normal">
<HighlightConfig Size="7" Radius="7" />
<MarkerConfig Type="Cross" Size="4" Radius="4" StrokeWidth="0" />
</ext:LineSeries>
<ext:LineSeries Axis="Left" Smooth="3" XField="Name" YField="Optimistic">
<HighlightConfig Size="7" Radius="7" />
<MarkerConfig Type="Circle" Size="4" Radius="4" StrokeWidth="0" />
</ext:LineSeries>
<ext:LineSeries Axis="Left" Smooth="3" Fill="true" XField="Name" YField="Pessimistic">
<HighlightConfig Size="7" Radius="7" />
<MarkerConfig Type="Square" Size="4" Radius="4" StrokeWidth="0" />
</ext:LineSeries>
</Series>
<Plugins>
<ext:VerticalMarker ID="VerticalMarker2" runat="server" Buffer="200">
<XLabelRenderer Handler="return Ext.util.Format.date(value + 1, 'Y');" />
</ext:VerticalMarker>
</Plugins>
</ext:Chart>
</Items>
</ext:Panel> private Chart RecreateChart1(Store store)
{
Chart aChart = new Chart();
aChart.ID = "Chart1";
aChart.Region = Region.Center;
aChart.Legend = true;
aChart.Shadow = true;
aChart.StyleSpec = "background:#fff;";
this.pnlChart1.Items.Add(aChart);
aChart.Store.Add(store);
aChart.Axes.Clear();
NumericAxis axis = new NumericAxis();
CategoryAxis caxis = new CategoryAxis();
List<string> lstNumericFields = new List<string>();
lstNumericFields.Add("Normal");
lstNumericFields.Add("Optimistic");
lstNumericFields.Add("Pessimistic");
axis.Fields = lstNumericFields.ToArray();
axis.Title = strTechnicalDriver1Unit;
axis.Minimum = 0;
axis.MinorTickSteps = 1;
axis.Position = Position.Left;
List<string> lstCategoryFields = new List<string>();
lstCategoryFields.Add("Name");
caxis.Fields = lstCategoryFields.ToArray();
caxis.Title = "Year";
aChart.Series.Clear();
LineSeries lineSeries1 = new LineSeries();
lineSeries1.SeriesID = "LineSeries1";
lineSeries1.Axis = Position.Left;
lineSeries1.HighlightConfig = new SpriteAttributes { Size = 7, Radius = 7 };
lineSeries1.MarkerConfig = new SpriteAttributes { Type = SpriteType.Cross, Size = 4, Radius = 4, StrokeWidth = 0 };
lineSeries1.XField = new string[] { "Name" };
lineSeries1.YField = new string[] { "Normal" };
aChart.Series.Add(lineSeries1);
LineSeries lineSeries2 = new LineSeries();
lineSeries2.SeriesID = "lineSeries2";
lineSeries2.Axis = Position.Left;
lineSeries2.HighlightConfig = new SpriteAttributes { Size = 7, Radius = 7 };
lineSeries2.MarkerConfig = new SpriteAttributes { Type = SpriteType.Circle, Size = 4, Radius = 4, StrokeWidth = 0 };
lineSeries2.XField = new string[] { "Name" };
lineSeries2.YField = new string[] { "Optimistic" };
aChart.Series.Add(lineSeries2);
LineSeries lineSeries3 = new LineSeries();
lineSeries3.SeriesID = "lineSeries2";
lineSeries3.Axis = Position.Left;
lineSeries3.HighlightConfig = new SpriteAttributes { Size = 7, Radius = 7 };
lineSeries3.MarkerConfig = new SpriteAttributes { Type = SpriteType.Square, Size = 4, Radius = 4, StrokeWidth = 0 };
lineSeries3.XField = new string[] { "Name" };
lineSeries3.YField = new string[] { "Pessimistic" };
aChart.Series.Add(lineSeries3);
aChart.Axes.Add(axis);
aChart.Axes.Add(caxis);
aChart.Animate = true;
return aChart;
}
protected void ReloadData(object sender, DirectEventArgs e)
{
Store store = this.Chart1.GetStore();
store.DataSource = LineChartData.GenerateData(Convert.ToInt32(ddlTechnicalDriverCond.SelectedItem.Value), Convert.ToInt32(ddlFieldCond.SelectedItem.Value), Convert.ToInt32(ddlProjectCond.SelectedItem.Value));
store.DataBind();
this.Chart1 = RecreateChart1(store);
this.Chart1.Render();
}
public static List<LineChartData> GenerateData(int _IdTechnicalDriver, int _IdField, int _IdProject)
{
DataClass.clsTechnicalDriverData oTechnicalDriver1 = new DataClass.clsTechnicalDriverData();
DataTable dt = oTechnicalDriver1.LoadList("IdProject = '" + _IdProject + "' AND IdField = '" + _IdField + "' AND IdTechnicalDriver = '" + _IdTechnicalDriver + "'", "");
List<LineChartData> data = new List<LineChartData>(dt.Rows.Count);
Int32 intYear = DateTime.Now.Year;
foreach (DataRow objRow in dt.Rows)
{
string strDriver1Baseline = objRow["Normal"].ToString() != "" ? objRow["Normal"].ToString() : null;
string strDriver1Optimistic = objRow["Optimistic"].ToString() != "" ? objRow["Optimistic"].ToString() : null;
string strDriver1Pessimistic = objRow["Pessimistic"].ToString() != "" ? objRow["Pessimistic"].ToString() : null;
data.Add(new LineChartData
{
Name = Convert.ToString(intYear),
Normal = Convert.ToDouble(strDriver1Baseline),
Optimistic = Convert.ToDouble(strDriver1Optimistic),
Pessimistic = Convert.ToDouble(strDriver1Pessimistic)
});
intYear++;
}
return data;
}
