Sign in to follow this  
Manjuanth

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

Recommended Posts

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>

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
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 by Rishab

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this