Flex中如何利用canDropLabels样式,移除图表中一些水平轴线上标签

本文展示了一个使用Adobe Flex创建的股票图表应用程序实例。该应用通过加载XML数据源来展示Adobe (ADBE) 的股价信息,并利用HLOC图表显示历史价格变动。用户可以点击链接跳转至Yahoo财经获取更多详情。

  1. <? xml version = " 1.0 " ?>
  2. < mx:Application xmlns:mx = " http://www.adobe.com/2006/mxml "
  3. layout = " vertical "
  4. verticalAlign = " middle "
  5. backgroundColor = " white " >
  6. < mx:XML id = " quotesXML " source = " adbe.xml " format = " e4x " />
  7. < mx:XMLListCollection id = " adbe " source = " {quotesXML.quote} " />
  8. < mx:String id = " ADBE_YAHOO " > http://finance.yahoo.com/q?d=t&s=ADBE </ mx:String >
  9. < mx:ApplicationControlBar dock = " true " >
  10. < mx:CheckBox id = " checkBox "
  11. label = " canDropLabels: "
  12. labelPlacement = " left " />
  13. </ mx:ApplicationControlBar >
  14. < mx:LinkButton
  15. label = " ADBE "
  16. click = " navigateToURL(new URLRequest(ADBE_YAHOO)) "
  17. fontSize = " 14 "
  18. fontWeight = " bold " />
  19. < mx:HLOCChart id = " hlocChart "
  20. showDataTips = " true "
  21. dataProvider = " {adbe} "
  22. width = " 100% "
  23. height = " 100% " >
  24. <!-- vertical axis -->
  25. < mx:verticalAxis >
  26. < mx:LinearAxis baseAtZero = " false " title = " Price " />
  27. </ mx:verticalAxis >
  28. <!-- horizontal axis -->
  29. < mx:horizontalAxis >
  30. < mx:CategoryAxis categoryField = " @date " title = " Date " />
  31. </ mx:horizontalAxis >
  32. <!-- horizontal axis renderer -->
  33. < mx:horizontalAxisRenderer >
  34. < mx:AxisRenderer canDropLabels = " {checkBox.selected} " />
  35. </ mx:horizontalAxisRenderer >
  36. <!-- series -->
  37. < mx:series >
  38. < mx:HLOCSeries id = " series1 "
  39. highField = " @high "
  40. lowField = " @low "
  41. openField = " @open "
  42. closeField = " @close " />
  43. </ mx:series >
  44. </ mx:HLOCChart >
  45. </ mx:Application >
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值