Apr 21, 2016, 10:59 AM
Stacked colum chart Problem
I am currently building a stacked column chart.
I am using ext.net mvc 3.3.
The current issue is that my stacked bars are all beginning from the x axis in each column (all overlapping each other).
here is a copy of my stackedColumn chart code.
I am using ext.net mvc 3.3.
The current issue is that my stacked bars are all beginning from the x axis in each column (all overlapping each other).
here is a copy of my stackedColumn chart code.
Html.X().Panel().Layout(LayoutType.VBox).Hidden(!(bool)SessionHelper.StackedColumnChartVisible).Border(true)
.Region(Region.Center).ID("StackedColumnPanel")
.Items(
Html.X().Panel()
.Width(800)
.Height(600)
.Layout("fit")
.TopBar(Html.X().Toolbar()
.Items(
Html.X().ToolbarFill()
)
)
.Items(
Html.X().CartesianChart()
.Store(Html.X().Store()
.ID("StackedColumnChartStore")
.Data(Model)
.Model(Html.X().Model().Fields("XAxisField", "ENVACount","VACount","NVACount","OtherCount"))
.ServerProxy(Html.X().AjaxProxy().Url(Url.Action("Read")))
)
.Axes(
Html.X().NumericAxis()
.Position(Position.Left)
.Fields("ENVACount,VACount,NVACount,OtherCount")
.AdjustByMajorUnit(true)
.Grid(true)
.Title("Categories")
.Minimum(0)
.Renderer(r => r.Handler="return Ext.util.Format.number(label, '0,0');"),
Html.X().CategoryAxis()
.Position(Position.Bottom)
.Fields("XAxisField")
.Title((string)SessionHelper.GroupByValue)
.Label(Html.X().ChartLabel().RotationDegrees(-45))
)
.Series(Html.X().BarSeries()
.Highlight(true)
.XField("XAxisField")
.YField("ENVACount")
.Stacked(true)
.Tooltip(Html.X().ChartTip()
.TrackMouse(true)
.Renderer(r => r.Handler = "this.setTitle(storeItem.get('XAxisField') + ': ' + storeItem.get('ENVACount'));")
)
.Label(Html.X().ChartLabel()
.Display(SeriesLabelDisplay.InsideEnd)
.Field("ENVACount")
.Orientation(Orientation.Horizontal)
.Color("#333")
.TextAlign(TextSpriteAlign.Center)
.Renderer(r => r.Handler = "return Ext.util.Format.number(text, '0');")
),
Html.X().BarSeries()
.Highlight(true)
.XField("XAxisField")
.YField("VACount")
.Stacked(true)
.Tooltip(Html.X().ChartTip()
.TrackMouse(true)
.Renderer(r => r.Handler = "this.setTitle(storeItem.get('XAxisField') + ': ' + storeItem.get('VACount'));")
)
.Label(Html.X().ChartLabel()
.Display(SeriesLabelDisplay.InsideEnd)
.Field("VACount")
.Orientation(Orientation.Horizontal)
.Color("#333")
.TextAlign(TextSpriteAlign.Center)
.Renderer(r => r.Handler = "return Ext.util.Format.number(text, '0');")
),
Html.X().BarSeries()
.Highlight(true)
.XField("XAxisField")
.YField("NVACount")
.Stacked(true)
.Tooltip(Html.X().ChartTip()
.TrackMouse(true)
.Renderer(r => r.Handler = "this.setTitle(storeItem.get('XAxisField') + ': ' + storeItem.get('NVACount'));")
)
.Label(Html.X().ChartLabel()
.Display(SeriesLabelDisplay.InsideEnd)
.Field("NVACount")
.Orientation(Orientation.Horizontal)
.Color("#333")
.TextAlign(TextSpriteAlign.Center)
.Renderer(r => r.Handler = "return Ext.util.Format.number(text, '0');")
),
Html.X().BarSeries()
.Highlight(true)
.XField("XAxisField")
.YField("OtherCount")
.Stacked(true)
.Tooltip(Html.X().ChartTip()
.TrackMouse(true)
.Renderer(r => r.Handler = "this.setTitle(storeItem.get('XAxisField') + ': ' + storeItem.get('OtherCount'));")
)
.Label(Html.X().ChartLabel()
.Display(SeriesLabelDisplay.InsideEnd)
.Field("OtherCount")
.Orientation(Orientation.Horizontal)
.Color("#333")
.TextAlign(TextSpriteAlign.Center)
.Renderer(r => r.Handler = "return Ext.util.Format.number(text, '0');")
)
)
),
Any help would be much appreciated.
Last edited by fabricio.murta; Apr 21, 2016 at 9:56 PM.
Reason: Wrap [code] tags around code.