フレックス・チャート重複した項目を含むColumnChartが表示されない

Question

これは私の問題です。類似したデータを持つ「月」という属性のarraycollectionを持っています 月：「2月」5回。私のアプリケーションを実行すると、データは "Feb"の画面には表示されません。つまり、カラムチャートは表示されません。 誰も私にこの問題を解決するための理由や回避策を教えてもらえますか？ 次のコードを見つけてください： - 、このようないくつかのことを行う

<mx:Script> 
    <![CDATA[ 
     import mx.charts.series.ColumnSeries; 
     import mx.collections.ArrayCollection; 

     [Bindable] private var expenses:ArrayCollection = new 
      ArrayCollection([ 
       {Month:"Jan", Profit:1000, Expenses:1500, Amount:450}, 
       {Month:"Feb", Profit:500, Expenses:200, Amount:600}, 
       {Month:"Feb", Profit:1500, Expenses:500, Amount:300}, 
       {Month:"Feb", Profit:2000, Expenses:1500, Amount:450}, 
       {Month:"Feb", Profit:1000, Expenses:200, Amount:600}, 
       {Month:"Feb", Profit:1500, Expenses:500, Amount:300}, 
       {Month:"Feb", Profit:2000, Expenses:1500, Amount:450}, 
       {Month:"Aug", Profit:1000, Expenses:200, Amount:600}, 
       {Month:"Sept", Profit:1500, Expenses:500, Amount:300}, 
       {Month:"Oct", Profit:2000, Expenses:1500, Amount:450}, 
       {Month:"Nov", Profit:1000, Expenses:200, Amount:600}, 
       {Month:"Dec", Profit:1500, Expenses:500, Amount:300} 
      ]); 

     private function clickHandler():void 
     { 
      var columnSeries:Array = new Array(); 
      var series:ColumnSeries = new ColumnSeries(); 
      categoryAxis.categoryField = series.xField = "Month"; 
      series.yField = "Profit"; 
      series.displayName = "Profit"; 
      columnSeries.push(series); 
      myChart.series = columnSeries; 
      series.percentWidth = 100; 
      series.percentHeight = 100; 

      myChart.dataProvider = expenses; 
     } 

    ]]> 
</mx:Script> 

<mx:VBox horizontalAlign="center" width="100%" height="100%" creationComplete="clickHandler()"> 
    <mx:ColumnChart id="myChart" width="90%" showDataTips="true" height="90%" > 
     <mx:horizontalAxis> 
      <mx:CategoryAxis id="categoryAxis" categoryField="Month" /> 
     </mx:horizontalAxis> 
    </mx:ColumnChart> 
</mx:VBox> 

Answer 1

<fx:Script> 
     <![CDATA[ 
      import mx.charts.series.ColumnSeries; 
      import mx.collections.ArrayCollection; 
      import mx.events.FlexEvent; 

      [Bindable] private var expenses:ArrayCollection = new 
       ArrayCollection([ 
        {id:1, Month:"Jan", Profit:1000, Expenses:1500, Amount:450}, 
        {id:2, Month:"Feb", Profit:500, Expenses:200, Amount:600}, 
        {id:3, Month:"Feb", Profit:1500, Expenses:500, Amount:300}, 
        {id:4, Month:"Feb", Profit:2000, Expenses:1500, Amount:450}, 
        {id:5, Month:"Feb", Profit:1000, Expenses:200, Amount:600}, 
        {id:6, Month:"Feb", Profit:1500, Expenses:500, Amount:300}, 
        {id:7, Month:"Feb", Profit:2000, Expenses:1500, Amount:450}, 
        {id:8, Month:"Aug", Profit:1000, Expenses:200, Amount:600}, 
        {id:9, Month:"Sept", Profit:1500, Expenses:500, Amount:300}, 
        {id:10, Month:"Oct", Profit:2000, Expenses:1500, Amount:450}, 
        {id:11, Month:"Nov", Profit:1000, Expenses:200, Amount:600}, 
        {id:12, Month:"Dec", Profit:1500, Expenses:500, Amount:300} 
       ]); 

      private function clickHandler():void 
      { 
       categoryAxis.labelFunction = labelFunction; 
       var columnSeries:Array = new Array(); 
       var series:ColumnSeries = new ColumnSeries(); 
       categoryAxis.categoryField = series.xField = "id"; 
       series.yField = "Profit"; 
       series.displayName = "Profit"; 
       columnSeries.push(series); 
       myChart.series = columnSeries; 
       series.percentWidth = 100; 
       series.percentHeight = 100; 

       myChart.dataProvider = expenses; 
      } 



      protected function labelFunction(value:Object, pre:Object, axis:Object, item:Object):Object 
      { 
       return item.Month; 
      } 

     ]]> 
    </fx:Script> 


    <mx:VBox horizontalAlign="center" width="100%" height="100%" creationComplete="clickHandler()"> 
     <mx:ColumnChart id="myChart" width="90%" showDataTips="true" height="90%" > 
      <mx:horizontalAxis> 
       <mx:CategoryAxis id="categoryAxis" categoryField="id"/> 
      </mx:horizontalAxis> 
     </mx:ColumnChart> 
    </mx:VBox> 

を、これが役立つことを願っています。

Answer 2

ZERO WIDTH SPACE（Unicode 0x200B）文字を使用して、表示されていない方法でラベルを異ならせることで同様の状況を解決しました。このような何か：

{id:1, Month:"Jan", Profit:1000, Expenses:1500, Amount:450}, 
{id:2, Month:"Feb", Profit:500, Expenses:200, Amount:600}, 
{id:3, Month:"Feb\u200B", Profit:1500, Expenses:500, Amount:300}, 
{id:4, Month:"Feb\u200B\u200B", Profit:2000, Expenses:1500, Amount:450},