2012-02-01 3 views
0

Несмотря на то, что в этой диаграмме столбца метки labelRotation равны 90, метки оси являются горизонтальными. Есть ли что-то дополнительное, что мне нужно сделать?Свойство labelRotation от AxisRenderer ничего не делает

<mx:ColumnChart id="myChart" height="100%" width="100%" 
        dataProvider="{myData}" 
        showDataTips="true"> 
     <mx:horizontalAxis> 
      <mx:CategoryAxis id="h1" categoryField="code"/> 
     </mx:horizontalAxis>    
     <mx:horizontalAxisRenderers> 
      <mx:AxisRenderer axis="{h1}" labelRotation="90" /> 
     </mx:horizontalAxisRenderers>   
     <mx:series> 
      <mx:ColumnSet type="stacked" 
          allowNegativeForStacked="true"> 
       <mx:series> 
        <mx:ColumnSeries xField="code" 
            yField="A" 
            displayName="A"/> 
        <mx:ColumnSeries xField="code" 
            yField="B" 
            displayName="B"/> 
        <mx:ColumnSeries xField="code" 
            yField="C" 
            displayName="C"/> 
        <mx:ColumnSeries xField="code" 
            yField="D" 
            displayName="D"/> 
        <mx:ColumnSeries xField="code" 
            yField="F" 
            displayName="F"/> 
       </mx:series> 
      </mx:ColumnSet> 
     </mx:series> 
    </mx:ColumnChart> 

EDIT: Я пытался встроить шрифт, как это было предложено Эми и fotomut, но он ничего не делал:

<mx:Style> 
@font-face 
{ 
    src:url("../assets/fonts/FRABK.ttf"); 
fontFamily: myFontFamily; 
embedAsCFF: false; 
} 

ColumnChart 
{ 
     fontFamily: myFontFamily; 
     fontSize: 10; 
    } 

</mx:Style> 

ответ

1

Ключом к созданию работы labelRotation является вложение шрифтов. Существует хорошая статья на Flex 4.6 here

Простой пример кода, можно было бы добавить стиль в файл MXML,

<fx:Style> 
     @namespace mx "library://ns.adobe.com/flex/mx"; 

     @font-face{ 
      src: local("Arial"); 
      fontFamily: Arial; 
      embedAsCFF: false; 
     } 

     mx|ColumnChart { 
      fontFamily: Arial; 
      fontSize: 10; 
     } 
</fx:Style> 

EDIT: Я подтвердил, что это работает для меня, используя Flex 3.5, просто изменив fx:Style на mx:Style

<mx:Style> 
    @namespace mx "library://ns.adobe.com/flex/mx"; 

    @font-face{ 
     src: local("Arial"); 
     fontFamily: Arial; 
     embedAsCFF: false; 
    } 

    mx|ColumnChart { 
     fontFamily: Arial; 
     fontSize: 10; 
    } 
</mx:Style> 

Может быть, вы должны попробовать е mbedding Arial, как это сначала, чтобы увидеть, работает ли это?

+0

Я попытался вставить шрифт, но ничего не сделал. – Zesty

+0

Я использую Flex 4.1, поэтому мое пространство имен имен - это FX. Я замечаю, что у вас есть , вы на Flex 3.5? Если это так, возможно, 3.5 не использует встроенный шрифт для вращения таким же образом. – prismaticorb

1

Встроить шрифт, используемый на этом лейбле. Если по какой-то причине вы не можете вставлять шрифт, иногда установка blendMode на «layer» будет работать.

+0

Я попытался вставить шрифт, но ничего не сделал. – Zesty

+0

Попробуйте включить жирный вариант - они могли бы сделать эти метки полужирным шрифтом по умолчанию. –

Смежные вопросы