Chart Caption align property is not applying in IE 8, IE 9

[Manjuanth]

Hi,

 

 

         I am trying to set caption(title) align property to my chart, but it's not applying in IE 8, IE 9.  Below is the chart data xml. Please look into the style tag.

 

 

 

<chart caption='Business Results 2005 v 2006' xAxisName='Month' yAxisName='Revenue' showValues='0' numberPrefix='$'

 numVisiblePlot='6' subCaption='In Thousands'>

 

   <categories>

      <category label='Jan' />

      <category label='Feb' />

      <category label='Mar' />

      <category label='Apr' />

      <category label='May' />

      <category label='Jun' />

      <category label='Jul' />

      <category label='Aug' />

      <category label='Sep' />

      <category label='Oct' />

      <category label='Nov' />

      <category label='Dec' />

   </categories>

 

   <dataset seriesName='2006'>

      <set value='27400' />

      <set value='29800'/>

      <set value='25800' />

      <set value='26800' />

      <set value='29600' />

      <set value='32600' />

      <set value='31800' />

      <set value='36700' />

      <set value='29700' />

      <set value='31900' />

      <set value='34800' />

      <set value='24800' />

   </dataset>

 

   <dataset seriesName='2005'>

      <set value='10000'/>

      <set value='11500'/>

      <set value='12500'/>

      <set value='15000'/>

      <set value='11000' />

      <set value='9800' />

      <set value='11800' />

      <set value='19700' />

      <set value='21700' />

      <set value='21900' />

      <set value='22900' />

      <set value='20800' />

   </dataset>

 

   <trendlines>

      <line startValue='26000' color='91C728' displayValue='Target' showOnTop='1'/>

   </trendlines>

 

<styles>

  <definition>

    <style name = 'TitleFont' type = 'font' size = '25' align="left" letterSpacing = '1' leftMargin = '19' />

  </definition>

  <application>

    <apply ToObject='Caption' Styles ='TitleFont'/>

  </application>

   <definition>

     <style name = 'SubTitleFont' type = 'Font' size = '9' align ="left" letterSpacing = '1' leftMargin = '18' />

   </definition>

   <application> <apply ToObject='SubCaption' Styles ='SubTitleFont'/>

   </application>

 </styles>

 

</chart>

[Guest Rishab]

Hi,

Can you please confirm, whether you are rendering JavaScript chart or a Flash chart?

For certain browsers, JavaScript charts provide limited support for customized Font style.

[Manjuanth]

I am rendering javascript chart, Can you plz tell me any other solution for this issue

[Guest Rishab]

Hi,

Please note, JavaScript charts provide limited support for customized Font style.

As a work-around, you can use HTML non-breaking space character entity to provide alignment to the subCaption text.

For ex-

<chart subCaption='In Thousands     .. ..'>

Hope this helps.

Edited October 25, 2013 by Rishab