1 Reply Latest reply on Feb 5, 2007 2:51 PM by beckerb4

    charting prob

    <<Squall>>
      hello,
      here is a sample code that im working on but i tried to rotate the labels of the x axis with this following code but it is nt taking effect.
      could someone be kind enough to explain me why.

      thnx in advance

      sample code:
      <mx:Panel title="Line Chart" width="1024" height="787">
      <mx:LineChart showDataTips="true" id="linechart" dataProvider="{info}" width="988" height="691" >
      <mx:horizontalAxis>
      <mx:CategoryAxis categoryField="id_user">
      </mx:CategoryAxis>
      </mx:horizontalAxis>
      <mx:horizontalAxisRenderer>
      <mx:AxisRenderer labelRotation="90">
      </mx:AxisRenderer>
      </mx:horizontalAxisRenderer>
      <mx:series>
      <mx:ColumnSeries dataProvider="{info}" xField="id_user"
      yField="leaves_entitled" >
      </mx:ColumnSeries>

      <mx:LineSeries yField="leaves_entitled"
      xField="id_user" form="curve">
      </mx:LineSeries>
      </mx:series>


      </mx:LineChart>
      </mx:Panel>
        • 1. Re: charting prob
          beckerb4
          This is kind of glossed over in the doc.
          Apparently you need to use an embedded font for the axis style or the rotation won't work (it just silently does nothing as you noticed).
          Try adding something like this to your css file:

          @font-face {
          fontFamily: chartLabelFont;
          src:url("resources/arial.ttf");
          }

          LineChart {
          font-family: chartLabelFont;
          }