4 Replies Latest reply on Nov 26, 2010 11:57 AM by Shongrunden

    Pie Chart Alignment Problem

    linrsvp

      Hi,

      I have created a pie chart component in my application. I include this component within a collapsible Panel container. However no matter what i do, the pie chart is always displayed OUTSIDE the collapsible panel. Any ideas what property of the panel/ chart creates this issue ? This is really urgent!.. please help

        • 1. Re: Pie Chart Alignment Problem
          BhaskerChari Level 4

          Can you post some of the code..??

           

          Thanks,

          Bhasker

          • 2. Re: Pie Chart Alignment Problem
            Shongrunden Adobe Employee

            Are you using the spark Panel?


            • 3. Re: Pie Chart Alignment Problem
              linrsvp Level 1

              Hi,

              This is the part of code that includes the pie chart. I got the CollapsiblePanel component when i searched for it on google

               

                  <containers:CollapsiblePanel height="100%"
                          title="TEST" >
                     
                      <containers:layout>
                          <s:VerticalLayout paddingRight="10" paddingLeft="10" paddingTop="10" paddingBottom="10" />
                      </containers:layout>
                      <s:Group>
                          <mx:PieChart id="myChart" dataProvider="{srv.lastResult.data.result}"
                                       showDataTips="true" width="200">
                              <mx:series>
                                  <mx:PieSeries field="amount" nameField="item" labelPosition="callout" />
                              </mx:series>
                          </mx:PieChart>
                          <mx:Legend dataProvider="{myChart}" />
                      </s:Group>
                  </containers:CollapsiblePanel>

               

               

              When i run the application, the chart appears outside the panel. And in my case, the panel is to the extreme left, and only part of the pie chart is visible on the screen.

              • 4. Re: Pie Chart Alignment Problem
                Shongrunden Adobe Employee

                Try setting clipAndEnableScrolling=true on the contentGroup skin part of your CollapsiblePanel skin.

                 

                Or you might also try setting it on the Group in your code sample:

                 

                <s:Group width="100%" height="100%" clipAndEnableScrolling="true">