topic Re: Labels Rotation on Line Chart Axis in a Widget in ArcGIS Viewer for Flex Questions

Labels Rotation on Line Chart Axis in a Widget

NadeemShaukat — Wed, 12 Jan 2011 16:30:33 GMT

I am trying to rotate axis labels on a line chart by embedding a font. Font color and size gets implemented but labels do not get rotated. Attached is part of the code that shows embedding the font and using it on AxisRenderer line using styleName. I am creating the line chart in s:TitleWindow environment. However, the labels get rotated if I use the same code in s:Applicaion environment.

Does anyone know if there is something in the Flexviewer's css that prohibits rotating labels? Or if you know how it should work, please respond. Thanks

Nadeem

Re: Labels Rotation on Line Chart Axis in a Widget

MehulChoksey — Tue, 25 Jan 2011 17:36:08 GMT

Could you try example at:
http://blog.flexexamples.com/2007/10/15/rotating-labels-in-a-flex-chart-axis-using-the-labelrotation-style/
Seem like removing canDropLabels=true from your source code will do the trick.....

Mehul

Re: Labels Rotation on Line Chart Axis in a Widget

NadeemShaukat — Tue, 25 Jan 2011 19:30:42 GMT

Mehul

Thanks for your response.

I am already using canDropLabels=true on the AxisRenderer line, but it makes no difference. As I have mentioned in my initial post that label rotation works fine in a standalone application, but is not working in a TitleWindow file in Flex Viewer's widgets environment.

Nadeem

Re: Labels Rotation on Line Chart Axis in a Widget

RobertScheitlin__GISP — Tue, 25 Jan 2011 20:23:25 GMT

Nadeem,

If I remember correctly you have to embed the font in the index.mxml also. Just like you are doing in the widget.

Re: Labels Rotation on Line Chart Axis in a Widget

NadeemShaukat — Wed, 26 Jan 2011 01:40:07 GMT

Mehul,

The index.mxml calls the defaults.css file. I had tried to embed fonts in the defaults.css. The font color and size takes into effect but not the rotation.

Nadeem

Re: Labels Rotation on Line Chart Axis in a Widget

DanielSmith — Mon, 21 Mar 2011 20:09:48 GMT

any more thoughts on this? I have been fighting the label rotation on a column chart for what seems like forever. I have embedded my fonts but when i use the font (via a style or otherwise) the labels disappears even though the same code works in a small sample. fonts have been embedded in the index.xml and the widget itself. It appears that i can see little artifact boxes where the labels go but no text.

Re: Labels Rotation on Line Chart Axis in a Widget

MehulChoksey — Mon, 21 Mar 2011 22:27:59 GMT

Seems like an adobe issue: http://bugs.adobe.com/jira/browse/FLEXDMV-1599
Hopefully, Adobe fixes this if you vote for it...

Re: Labels Rotation on Line Chart Axis in a Widget

RobertScheitlin__GISP — Sat, 11 Dec 2021 22:31:16 GMT

All,

As I said earlier the answer is still simple just embed the font in the default application (i.e. index.mxml)

Code for ChartWidget:

 <fx:Style> 
  @namespace mx "library://ns.adobe.com/flex/mx"; 
  @font-face{
   src: url("assets/arial.ttf");
   fontFamily: myFontFamily;
   embedAsCFF: false;
  }
  mx|ColumnChart {
   fontFamily: myFontFamily;
   fontSize: 16;
  }
 </fx:Style>

     <mx:horizontalAxisRenderers>
      <mx:AxisRenderer axis="{myXAxis}" labelRotation="45"/>
     </mx:horizontalAxisRenderers>

Code for index.mxml

 <fx:Style> 
  @font-face{
   src: url("assets/arial.ttf");
   fontFamily: myFontFamily;
   embedAsCFF: false;
  }
 </fx:Style>

Re: Labels Rotation on Line Chart Axis in a Widget

DanielSmith — Tue, 22 Mar 2011 15:33:49 GMT

Robert,

Thank you so much for your code snippets. Unfortunately I am working with Flex Builder 3 and am unable to get your code to work correctly. Please let me know (if you have time) how to get these labels rotated in FB3 with the 1.x Flex Viewer.

P.S. did they ever get the MVP stuff worked out? I think I owe you a couple bumps

Re: Labels Rotation on Line Chart Axis in a Widget

MGSethe — Sat, 27 Oct 2012 01:32:34 GMT

Hello

I have referred to this post to rotate my Chart Lables. I can get the Labels rotated on the Chart, but i am having a problem in getting the font for the horizontal lables to display correctly with the right font size.
Has anyone experienced this problem before?

I have attached my Chart Renderder Code together with the Image of the result chart to see what i get,

Please help,