Stacked colum chart Problem

  1. #1

    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.

    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.

Similar Threads

  1. Chart columseries Stacked
    By adan in forum 2.x Help
    Replies: 3
    Last Post: Mar 15, 2016, 8:39 PM
  2. Replies: 2
    Last Post: Jul 07, 2015, 10:53 PM
  3. Replies: 5
    Last Post: Mar 11, 2014, 3:03 PM
  4. [CLOSED] MVC - Stacked Column Chart
    By immenso in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Oct 09, 2013, 3:35 PM
  5. [CLOSED] Perhaps a bug in stacked column chart
    By feanor91 in forum 2.x Legacy Premium Help
    Replies: 11
    Last Post: Jul 23, 2012, 8:19 AM

Tags for this Thread

Posting Permissions