flex4.6 图表 在module中 x轴旋转正确的做法
生活随笔
收集整理的這篇文章主要介紹了
flex4.6 图表 在module中 x轴旋转正确的做法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.必須嵌入字體 并且吧字體在application中申明
<fx:Style>@namespace mx "library://ns.adobe.com/flex/mx";@font-face{src: url("com/qijinsoft/assets/font/chart.ttf");fontFamily: myChartFont;embedAsCFF: false; }</fx:Style>2.在module中
<fx:Style>@namespace mx "library://ns.adobe.com/flex/mx";mx|LineChart {fontFamily: myChartFont;fontSize: 12;} </fx:Style><mx:LineChart id="linechart" x="0" y="54" showDataTips="true" width="100%" height="85%" ><mx:horizontalAxis><!--表示橫向坐標的序列字段--><mx:CategoryAxis id="cdate" title="日期" categoryField="date" /></mx:horizontalAxis><mx:horizontalAxisRenderers><mx:AxisRenderer axis="{cdate}" id="axisRender" labelAlign="bottom" labelRotation="65"/></mx:horizontalAxisRenderers><mx:verticalAxis><mx:LinearAxis title="人數" baseAtZero="true" displayName="人數"/></mx:verticalAxis><mx:series><mx:LineSeries displayName="充值人數" yField="loginnum" id="loginnum" showEffect="{wipe}" /><mx:LineSeries displayName="新增充值人數" yField="maxonline" id="maxonline" showEffect="{wipe}" /></mx:series></mx:LineChart><mx:Legend left="10" bottom="10" width="100%" height="25" dataProvider="{linechart}"/>這樣就OK 了
總結
以上是生活随笔為你收集整理的flex4.6 图表 在module中 x轴旋转正确的做法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 完美支持蓝光高清 小米盒子复活版体验
- 下一篇: puppet最新源码包安装学习笔记