4 Replies Latest reply on Feb 2, 2010 10:17 AM by kingquattro

    labelrotation not working BarChart|ColumnChart|CartesianChart

    kingquattro Level 1

      Hi guys,

           I have looked at many examples, and tried lots of variations but I can't seem to get lablerotation to work on any or the bar charts.  I am hoping someone on the forum has come across this problem and could help find a solution.

       

      Here is what I have

       

      In the main Style.css I have

       

      @namespace fx "library://ns.adobe.com/flex/spark";
      @namespace mx "library://ns.adobe.com/flex/halo";

       

      @font-face{
          src: url("assets/MyriadWebPro.ttf");
          fontFamily: myMyriad;
          embedAsCFF: false;
      }

       

      mx|ColumnChart{
          fontfamily:myMyriad;
          fontSize:10;
      }

       

      and here is what I have in MyChart.mxml

       

      <mx:ColumnChart id="colChart" width="500" height="400"
                                  itemClick="drillDown(event);"
                                  showDataTips="true"
                                  dataTipFunction="dataTipFunc"
                                  paddingBottom="0" paddingLeft="0"
                                  paddingRight="0" paddingTop="0">
                     
                      <mx:horizontalAxis>
                          <mx:CategoryAxis id="hAxis" categoryField="@LABEL" labelFunction="horizontalLabelFunc" />
                      </mx:horizontalAxis>
                      <mx:horizontalAxisRenderers>
                          <mx:AxisRenderer axis="{hAxis}" labelRotation="45"/>
                      </mx:horizontalAxisRenderers>

      ......

      </mx:ColumnChart>

       

      I know that ColumnChart is picking up fonts because if I change the fontsize the size on the labels to change, if I make them large enough then the text disappears.  If I change embedAsCFF to true then the text disappears as well.

       

      Thanks

       

      Jay