Truncated YAxisName (vertical)

[Barney]

The xml i've been using is copied below. The chart is embedded in a flash applet (read in as a file at the moment). The problem i'm facing is as described in the description "Amount Owing" displays as "A".. changing it to "AMOUNT OWING" gets displayed as "AMUNTING".. "OOOOO" is not displayed at all. (putting the yaxisname as horizontal comes out fine, but is not what we want)

Our other developer remembers reading something about a font problem for vertical text, is this the problem? And if so, how would we fix this.

<chart showLegend='0'  drawAnchors='0' xAxisName='Years' yAxisName='Revenue' numberPrefix='$' showValues='0' showBorder='0'  bgAlpha='0' canvasBgAlpha='0' >
  <categories>
  <category label='0' />
  <category label='5' />
  <category label='' />
  <category label='15' />
  <category label='20' />
  <category label='25' />
  </categories>
   <dataset plotFillColor='3939B9' plotGradientColor='FFFFFF' plotBorderColor='3939B9' seriesName='Total'>
  <set value='200000' />
  <set value='160000' />
  <set value='120000' />
  <set value='80000' />
  <set value='40000' />
  <set value='0' />
  </dataset>
  <dataset  plotFillColor='FF9902' plotGradientColor='FFFFFF' plotBorderColor='FF9902' seriesName='Principle'>
  <set value='100000' />
  <set value='90000'/>
  <set value='80000' />
  <set value='62000' />
  <set value='36000' />
  <set value='0' />
  </dataset></chart> 

[Pallav]

Hi,

I couldn't find the text "amount owing" in the given XML. Where should I be looking at?

[Barney]

Oops... i pasted one i had modified.

The first line should be:

<chart showLegend='0' plotGradientColor='FFFFFF'  drawAnchors='0' xAxisName='Years' yAxisName='Amount Owing' numberPrefix='$' showValues='0'>

[Barney]

I'm wondering whether we're using the chart wrongly?

Because i pasted the sample code from the documentation in an xml file and loaded it into a flash and the yAxisName didn't show up. (xml code used from the sample in: "Multi-series Area 2D Chart Specification Sheet" in the documentation)

var xmlData:XML = new XML();
xmlData.ignoreWhite = true;
// --------------------------------------------------- // 
// -------------- Actual Code to create the chart ------------//
//To create a chart, you first need to create an empty movie clip to act as chart holder.
var chartContainerMC:MovieClip
var myFirstChart:MSArea2DChart
chartContainerMC._visible = true;
xmlData.onLoad = function (success:Boolean){
 if(success){
 trace(xmlData.toString());
 drawChart();
 }
}
xmlData.load("chart.xml");
function drawChart(){
 chartContainerMC = this.createEmptyMovieClip("ChartHolder",1);

 //Now, instantiate the chart using Constructor function of the chart. 
 myFirstChart = new MSArea2DChart(chartContainerMC, 1, 450, 325, 20, 15, false, "EN", "noScale");

 //Convey the XML data to chart. 
 myFirstChart.setXMLData(xmlData);

 //Draw the chart
 myFirstChart.render();

 //Stop
 stop();
}

[Pallav]

Please see http://www.fusioncharts.com/docs/Contents/Flash_Rotated.html

[Barney]

I've tried that, still only displayed "A".

 

I copied the text box settings exactly, even tried embedding All glyphs.

 

I put it in a new layer(named: "Embedded Font"), key frame. I've tried putting it in the keyframe of one of the other layers.

 

Still no difference.

 

 

 

This is what i set for the text box (in case you wanted to know):

 

+ dynamic text

 

+ Verdana Font

 

+ Center Aligned

 

+ No Bold, No Italic

 

+ Font Size 11

 

+ Anti-aliased for Animation

 

+ Anti-kern on

 

+ 0 character spacing, Normal Character position, Single line type, Selectable text

 

> Embed: Upper, lower, numbers, punctuation

 

 

 

I created a test.fla with chart data as above, at first it also had the same problem, but after embedding the font it worked. However now that we're generating the chart information from the inside an applet, it doesn't.

 

Is there any things i might be doing wrong? (at the moment chart tag is hardcoded)

[Barney]

We managed to get it to work. However, the way that the font is embedded was not as you described in that link. (http://www.fusioncharts.com/docs/Contents/Flash_Rotated.html )

 

 

 

The way that actually allowed it to work in our application is to add the verdana Font as a symbol to the component library.

 

 

 

This is done by:

 

Opening the component library (ctrl-L in windows)

 

Then right-click some blank space in the library and select "New Font..."

 

(Whatever you name it I believe is unimportant - I named it "vfont"), select the font "verdana" (the font used by fusioncharts) and press 'OK'.

 

After the font has been added, select it, right-click and select "Linkage..."

 

In the options box that opens: select the "Export for Actionscript" checkbox (this will also select the "Export in first frame" checkbox). Then press OK.

 

 

 

After doing this, the vertical text worked for us.