2011-04-13 66 views
0
的ColumnChart的

柱都出現了,如果我現在用的LinearAxis在過於狹窄,甚至試圖columnWidthRatio = 0.95的Flex圖表,columnWidthRatio不工作LinearAxis在ColumnChart中

對於類別軸,這是好的 誰能告訴我是什麼我在這裏做錯了嗎?

我只是想增加此圖表上列的寬度。

樣品來重現問題:

<mx:Script> 
     <![CDATA[ 
      import mx.charts.chartClasses.IAxis; 

      private function linearAxis_labelFunc(item:Object, prevValue:Object, axis:IAxis):String { 
       return numberFormatter.format(item); 
      } 
     ]]> 
    </mx:Script> 

    <mx:NumberFormatter id="numberFormatter" precision="3" /> 

    <mx:ArrayCollection id="arrColl"> 
     <mx:source> 
      <mx:Array> 
       <mx:Object temp="10" count="500" /> 
       <mx:Object temp="30" count="300" /> 
       <mx:Object temp="40" count="100" /> 
       <mx:Object temp="70" count="700" /> 
       <mx:Object temp="80" count="200" /> 
      </mx:Array> 
     </mx:source> 
    </mx:ArrayCollection> 

    <mx:ApplicationControlBar dock="true"> 
     <mx:Label text="columnWidthRatio:" /> 
     <mx:HSlider id="slider" 
        minimum="0.1" 
        maximum="0.9" 
        value="0.1" 
        liveDragging="true" 
        snapInterval="0.1" 
        tickInterval="0.1" /> 
    </mx:ApplicationControlBar> 

    <mx:ColumnChart id="columnChart" 
        showDataTips="true" 
        dataProvider="{arrColl}" 
        columnWidthRatio="{slider.value}" 
        width="100%" 
        height="100%"> 

     <mx:horizontalAxis> 
      <mx:LinearAxis baseAtZero="false" 
          minimum="0" 
          maximum="100" 
          interval="20" 
          minorInterval="10" 
          labelFunction="linearAxis_labelFunc" /> 
     </mx:horizontalAxis> 

     <mx:verticalAxis> 
      <mx:LinearAxis baseAtZero="false" 
          minimum="100" 
          maximum="1000" 
          labelFunction="linearAxis_labelFunc" /> 
     </mx:verticalAxis> 


     <mx:series> 
      <mx:ColumnSeries id="columnSeries" 
          xField="temp" 
          yField="count" 
          displayName="temp" /> 
     </mx:series> 

     <mx:seriesFilters> 
      <mx:Array /> 
     </mx:seriesFilters> 

    </mx:ColumnChart> 

</mx:Application> 

回答

0

做我自己,使用項渲染

public class ProcessItemRenderer extends UIComponent implements IDataRenderer 
+0

我將不勝感激,如果你給一個提示你在你的自定義已經改變項目渲染器可以使用LinearAxis更寬的寬度渲染columnSeries。 – JabbyPanda 2012-02-03 17:53:31