Question

我试图将ColumnChart的水平标签旋转45°。我已经知道需要嵌入字体才能使用它，但现在，我的标签正在出现截断。请注意，它在我几个月前制作的基本图表概念验证中工作，但现在它集成在一个带有verticalLayout的面板中，标签被截断。

用于轴渲染器的代码是：

 <mx:horizontalAxisRenderers>
            <mx:AxisRenderer id="horAxisRenderer" labelRotation="-45" axis="{horAxis}"
                             styleName="horAxisStyle"
                              canDropLabels="true"
                    />        
 </mx:horizontalAxisRenderers>

字体是：

@font-face {
src: url("/assets/fonts/Verdana.ttf");
font-family: verdana;
}


.horAxisStyle{
    font-family: verdana;
    font-size:8;
    color:red;
}

我获得的结果（字体设置为红色以确保正在使用css）： http://piczasso.com/i/t1i96.png

请注意，如果我使用垂直轴的样式，我也会将数字截断为第一个数字。

Answer 1

找到答案： http://help.adobe.com/en_US/flex/using/WS0FA8AEDB-C69F-4f19-ADA5-AA5757217624.html

由于柱形图是mx组件，因此它不支持支持CFF。

通过更改以下内容进行修复：

@font-face {
    src: url("/assets/fonts/Verdana.ttf");
    font-family: verdana;
    embedAsCFF:false;
}

Flex 4，旋转水平标签，嵌入字体被截断

1 个答案: