About LineC

July 16th, 2008

LineC是我為ShopNC開發的用於後臺管理系統統計之用的線圖組件,使用Flex 3 beta 3開發。

依照要求,圖形的樣式基本模仿了Google Analytics中的Flash線圖樣式。

由於時間倉促,當時程序沒有經過好好設計,所以完全沒有面向對象,只是一個mxml而已。因此代碼我就不發了。不過開發過程中還是有不少的心得,日後總結一下我再發上來。

以下是一個示例:

被加載數據:

  1. <data>
  2.     <record>
  3.         <navigate displayname="Date">01/01/2008</navigate>
  4.         <value displayname="VisitedValue">60</value>
  5.     </record>
  6.     <record>
  7.         <navigate displayname="Date">01/15/2008</navigate>
  8.         <value displayname="VisitedValue">100</value>
  9.     </record>
  10.     <record>
  11.         <navigate displayname="Date">01/30/2008</navigate>
  12.         <value displayname="VisitedValue">400</value>
  13.     </record>
  14.     <record>
  15.         <navigate displayname="Date">02/01/2008</navigate>
  16.         <value displayname="VisitedValue">100</value>
  17.     </record>
  18.     <record>
  19.         <navigate displayname="Date">02/15/2008</navigate>
  20.         <value displayname="VisitedValue">130</value>
  21.     </record>
  22.     <record>
  23.         <navigate displayname="Date">02/28/2008</navigate>
  24.         <value displayname="VisitedValue">100</value>
  25.     </record>
  26. </data>

稍微值得一提的是:
1、用了一點正則表達式,如果可以加載正確的日期格式可以顯示中文;
2、讀取flashVar里的一條屬性"methods",依照裡面的內容是"days", "years"還是"months"而按日、年或月顯示橫軸的坐標。目的是在數據結點很多的情況下可以不用都顯示出來,要知道密密麻麻的一大堆橫坐標值是會要人命的。


Comments are closed.