flex-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Alex Harui <aha...@adobe.com>
Subject Re: Embedded font for Charts
Date Tue, 21 Jul 2015 12:57:21 GMT
Does the test case in the JIRA issue have the same problem?

On 7/21/15, 4:20 AM, "Deepak MS" <megharajdeepak@gmail.com> wrote:

>Hi Alex,
>Both axes work fine with the solution you provided. However, there is
>another issue I am facing right now. I'm displaying the counts on top of
>columnseries(using labelPosition = outside) and this label isn't picking
>up
>the embedded font. I tried assigning labelClass to column series, but this
>isn't working. Any ideas ?
>
>http://pasteboard.co/27DN8kdC.png
>
>
>Code:
>
>.columnSeriesStyle
>{
>    labelClass: ClassReference("mx.controls.Label");/*tried with and
>without labelClass*/
>    labelPosition:outside;
>    fontSize: 14;
>    fontFamily: myTahoma;
>    fontWeight: normal;
>    color:#3D3D3D;
>}
>
>
><mx:ColumnSeries showDataEffect="slideUp" hideDataEffect="slideDown"
>                                     xField="Company"
>styleName="columnSeriesStyle"
>                                     yField="TrialCnt"
>                                     displayName="Count"
>                                     >
>
>
>
>On Sat, Jul 18, 2015 at 1:21 PM, Deepak MS <megharajdeepak@gmail.com>
>wrote:
>
>> That worked great. Thanks Alex.
>> I have filed it here: https://issues.apache.org/jira/browse/FLEX-34909
>>
>>
>> On Fri, Jul 17, 2015 at 10:37 PM, Alex Harui <aharui@adobe.com> wrote:
>>
>>> Hmm.
>>>
>>> I would say there is a bug in Charts when working with embedded fonts.
>>> Please file a bug with your test case at
>>> https://issues.apache.org/jira/browse/FLEX.  It appears that Charts
>>>tries
>>> to use Spark Label for the axis, but is still using UITextFields to
>>> measure labels.
>>>
>>> I think I got it to work by forcing Axis to use MX Labels.  See below.
>>>
>>> HTH,
>>> -Alex
>>>
>>> <?xml version="1.0" encoding="utf-8"?>
>>> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
>>>                            xmlns:s="library://ns.adobe.com/flex/spark"
>>>                            xmlns:mx="library://ns.adobe.com/flex/mx"
>>> minWidth="955"
>>> minHeight="600">
>>>
>>>         <fx:Style>
>>>                 @namespace s "library://ns.adobe.com/flex/spark";
>>>                 @namespace mx "library://ns.adobe.com/flex/mx";
>>>
>>>                 @font-face
>>>                 {
>>>                         src: url("assets/fonts/TAHOMA.TTF"); /* tried
>>>all
>>> fonts in the assets
>>> folder, they all are normal fonts(non bold or non italic) */
>>>                         fontFamily: myFont;
>>>                         fontStyle: normal;
>>>                         fontWeight: normal;
>>>                         embedAsCFF: false;
>>>                         advancedAntiAliasing: true;
>>>                 }
>>>
>>>                 .chartFonts
>>>                 {
>>>                         fontFamily: myFont;
>>>                         fontWeight: normal;
>>>                         fontSize: 26;
>>>         }
>>>
>>>         .axisStyles
>>>         {
>>>             labelClass: ClassReference("mx.controls.Label");
>>>                 }
>>>
>>>         </fx:Style>
>>>
>>>         <fx:Script>
>>>                 <![CDATA[
>>>                         import mx.collections.ArrayCollection;
>>>                         [Bindable]
>>>                         private var medalsAC:ArrayCollection = new
>>> ArrayCollection( [
>>>                                 { Country: "USA", Gold: 35, Silver:39,
>>> Bronze: 29 },
>>>                                 { Country: "China", Gold: 32,
>>>Silver:17,
>>> Bronze: 14 },
>>>                                 { Country: "Russia", Gold: 27,
>>>Silver:27,
>>> Bronze: 38 } ]);
>>>                 ]]>
>>>         </fx:Script>
>>>         <mx:ColumnChart id="column" styleName="chartFonts"
>>>                                         height="100%"
>>>showDataTips="true"
>>>                                         width="50%"
>>> dataProvider="{medalsAC}"
>>>                                         seriesFilters="{[]}"
>>>                                         >
>>>                 <mx:horizontalAxis>
>>>                         <mx:CategoryAxis id="ca"
>>>categoryField="Country"/>
>>>                 </mx:horizontalAxis>
>>>         <mx:horizontalAxisRenderers>
>>>             <mx:AxisRenderer axis="{ca}" styleName="axisStyles"/>
>>>         </mx:horizontalAxisRenderers>
>>>         <mx:verticalAxis>
>>>             <mx:LinearAxis id="la" />
>>>         </mx:verticalAxis>
>>>         <mx:verticalAxisRenderers>
>>>             <mx:AxisRenderer axis="{la}" styleName="axisStyles"/>
>>>
>>>         </mx:verticalAxisRenderers>
>>>                 <mx:series>
>>>                         <mx:ColumnSeries
>>>                
>>>xField="Country"
>>>                                                          yField="Gold"
>>>
>>>  displayName="Gold"
>>>                                                          >
>>>
>>>                         </mx:ColumnSeries>
>>>
>>>                 </mx:series>
>>>         </mx:ColumnChart>
>>> </s:Application>
>>>
>>>
>>>
>>>
>>> On 7/16/15, 11:34 PM, "megharajdeepak" <megharajdeepak@gmail.com>
>>>wrote:
>>>
>>> >SampleChart.zip
>>> ><
>>> 
>>>http://apache-flex-users.2333346.n4.nabble.com/file/n10800/SampleChart.z
>>>i
>>> >p>
>>> >
>>> >I'm using Flex 4.14 AIR 16, FP 16.
>>> >
>>> >I have attached sample fxp project with all the fonts as well.
>>> >
>>> >
>>> >
>>> >--
>>> >View this message in context:
>>> >
>>> 
>>>http://apache-flex-users.2333346.n4.nabble.com/Embedded-font-for-Charts-
>>>tp
>>> >10793p10800.html
>>> >Sent from the Apache Flex Users mailing list archive at Nabble.com.
>>>
>>>
>>

Mime
View raw message