Sign in to follow this  
peris

How to handle long labels

Recommended Posts

If I pass long labels to x-axis the chart display is affected. Please find the attachment.

Can i show the long label charts in tool tip: for example in x-axis label like - "sivaramakrishna..", but in tooltip(at the time of mouse over in line graph) like : "sivaramakrishna_moorthyyyyyyyyyyyy.sundaresan.fi". Is it possible.

Otherwise please provide some other solution.

My xml is:

<chart palette='2' caption='Testing Purpose'  labelStep='1' xAxisName='' yAxisName='Visits'  slantLabels='1' labelDisplay='Rotate' canvasPadding='50'  numVDivLines='10' seriesNameInToolTip='1' drawAnchors='0' divLineAlpha='30' alternateHGridAlpha='20' setAdaptiveYMin='1' exportEnabled='1' exportAtClient='0' 
exportFileName='CEM4Mobile' exportAction='download'   exportHandler=''> <categories>	 <category label='lite.ampparit.com'/>	 <category label='wap.surfport.fi'/>	 <category label='wap.elisa.net'/>	 <category label='mini.ampparit.com'/>	 <category label='%28none%29'/>	 <category label='saunalahti.fi'/> 
    <category label='wap.dnafinland.fi'/>	 <category label='www.hakemisto.mobi'/>	 <category label='hakemisto.mobi'/>	 <category label='www.luukku.com'/>	 <category label='wap.telefinland.fi'/>	 <category label='www.ampparit.com'/>	 <category label='m.dna.fi'/>	 <category label='wap.sonera.fi'/> 
    <category label='mtv3.securycast.com'/>	 <category label='www.surfport.fi'/>	 <category label='sivaramakrishna_moorthyyyyyyyyyyyy.sundaresan.fi'/>	 <category label='wap.soneraplaza.fi'/>	 <category label='m.hs.fi'/>   </categories>   <dataset seriesname='' color='1D8BD1' anchorBorderColor='1D8BD1'   anchorBgColor='1D8BD1'>	 </dataset>	     <dataset seriesname=''   color='F1683C' anchorBorderColor='F1683C' anchorBgColor='F1683C'>	  <set value='43519'/>  
   <set value='21309'/>     <set value='15600'/>     <set value='11375'/>     <set value='6440'/>     <set value='4080'/>     <set value='2677'/>     <set value='653'/>     <set value='515'/>     <set value='340'/>     <set value='308'/>     <set value='296'/>     <set value='296'/>     <set value='216'/>   
  <set value='151'/>     <set value='139'/>     <set value='130'/>     <set value='110'/>     <set value='101'/>   </dataset>  <styles> <definition>  <style name='XScaleAnim' type='ANIMATION' duration='0.5' start='0' param='_xScale' />   <style name='YScaleAnim' type='ANIMATION' duration='0.5' start='0' param='_yscale' />   <style name='XAnim' type='ANIMATION' duration='0.5' start='0' param='_yscale' />   <style name='AlphaAnim' type='ANIMATION' duration='0.5' start='0' param='_alpha' />
   </definition> <application>  <apply toObject='CANVAS' styles='XScaleAnim, YScaleAnim,AlphaAnim' />   <apply toObject='DIVLINES' styles='XScaleAnim,AlphaAnim' />   <apply toObject='VDIVLINES' styles='YScaleAnim,AlphaAnim' />   <apply toObject='HGRID' styles='YScaleAnim,AlphaAnim' /> 
  </application>  </styles>  </chart>

Sample chart is :

9aba8c96-49ca-4c72-b4f3-61ca.JPG

Edited by Guest

Share this post


Link to post
Share on other sites
Guest Rajroop

Hello Peris,

 

 

 

You can set a cutom tool tip for any of the data points using tooltext attribute of the <set> element which is used to define the individual data elements.

 

 

 

<chart caption='Monthly Revenue' xAxisName='Month' yAxisName='Revenue' numberPrefix='$' showValues='0'>

 

<set label='Jan' value='220000' toolText='Highest'/>

 

<set label='Feb' value='90000' />

 

...

 

</chart>

 

 

 

Instead of 'Highest' you can display a tool text of your choice and length. This will be displayed on mover-over of the concerned data plot.

 

 

 

Please refer to the following link for more details:

 

http://www.fusioncharts.com/docs/Contents/AttDesc/ToolTip.html

 

 

 

I hope this helps. ;)

Share this post


Link to post
Share on other sites

If I use toolText attribute in <dataset> tag, I have faced one problem. Please check the following two images.

First one is I have used tooText attribute, so I did not see other values(pageviews and 1754).

Second one is I have removed the toolText attribute but I can see the other values((pageviews and 1754). How can I solve this.

My xml :

----------

<chart alternateHGridAlpha='5' alternateHgridColor='000000' anchorRadius='2' bgAlpha='100,0' 
 bgAngle='270' bgColor='CADCE6,F0F0F0' caption='Pageviews per page' chartRightMargin='35' divLineAlpha='100' divLineColor='CADCE6' 
 divLineIsDashed='1' exportAction='download' exportAtClient='0' exportEnabled='1' exportFileName='CEM4Mobile' 
 exportHandler='/cem4mobile-portal/jsp/FCExporter.jsp' exportTargetWindow='_blank' formatNumberScale='0' labelDisplay='Rotate' labelStep='2' lineThickness='1' numvdivlines='5' 
 shadowAlpha='10' showAlternateHGridColor='1' showValues='0' slantLabels='1' xAxisName='Pages' yAxisName='Transactions'> <categories>	 
 <category label='index....'/>	 <category label='info1....'/>	 <category label='info2....'/>	 <category label='info3....'/>	 <category label='lexus_...'/> 
 <category label='photo1...'/>	 <category label='photo2...'/>	 <category label='photo3...'/>	 <category label='index....'/>    
 <category label='kesa.j...'/>	 <category label='servic...'/>	 <category label='tarjou...'/>	 <category label='jakohi...'/>    
 <category label='lisava...'/>	 <category label='servic...'/>	 <category label='avensi...'/>	 <category label='D4D1.j...'/>    
 <category label='D4D2.j...'/>	 <category label='index....'/>	 <category label='rav4.j...'/>	 <category label='sedan1...'/>   
 <category label='sedan2...'/>	 <category label='toyota...'/>	 <category label='valvem...'/>	 <category label='wagon1...'/>    
 <category label='wagon2...'/>	 <category label='wagon3...'/>	 <category label='eco.js...'/>	 <category label='merkki...'/>	 
 <category label='D4D3.j...'/>	 <category label='valvem...'/>	 <category label='valvem...'/>	 <category label='sedan3...'/>    
 <category label='IS1.js...'/>	 <category label='IS2.js...'/>	 <category label='IS3.js...'/>	 <category label='IS4.js...'/>    
 <category label='IS5.js...'/>	 <category label='IS6.js...'/>	 <category label='koeajo...'/>	 <category label='myynti...'/>    
 <category label='rx%2F%...'/>	 <category label='RX1.js...'/>	 <category label='is%2F%...'/>	 <category label='RX2.js...'/>    
 <category label='RX3.js...'/>	 <category label='RX4.js...'/>	 <category label='RX5.js...'/>	 <category label='RX6.js...'/>    
 <category label='servic...'/>	 <category label='koeajo...'/>	 <category label='koeajo...'/>	 <category label='ota_yh...'/>    
 <category label='kiitos...'/>	 <category label='servic...'/>	 <category label='BMW.js...'/>	 <category label='BMW_li...'/>    
 <category label='Ford.j...'/>	 <category label='Ford_l...'/>	 <category label='Huolto...'/>	 <category label='Hyunda...'/>	 
 <category label='index....'/>	 <category label='Jaguar...'/>	 <category label='Mazda....'/>	 <category label='Renaul...'/>	 
 <category label='Renaul...'/>	 <category label='Renaul...'/>	 <category label='Rover....'/>	 <category label='Rover_...'/>    
 <category label='index....'/>   </categories>   <dataset anchorBgColor='1D8BD1' anchorBorderColor='1D8BD1' color='1D8BD1' seriesname=' Pageviews'>
 <set  value='1754'/>     <set toolText='info1.jsp
m.lexus.fi' value='18'/>     <set toolText='info2.jsp
m.lexus.fi' value='12'/>   
 <set toolText='info3.jsp
m.lexus.fi' value='6'/>     <set toolText='lexus_td.jsp
m.lexus.fi' value='5'/>    
 <set toolText='photo1.jsp
m.lexus.fi' value='13'/>     <set toolText='photo2.jsp
m.lexus.fi' value='8'/>     
 <set toolText='photo3.jsp
m.lexus.fi' value='6'/>     <set toolText='index.jsp
m.renault.fi' value='68'/>    
 <set toolText='kesa.jsp
m.renault.fi' value='60'/>     <set toolText='service.jsptype%3DKESA
m.renault.fi' value='4'/>    
 <set toolText='tarjoukset.jsp
m.renault.fi' value='47'/>     <set toolText='jakohihna.jsp
m.renault.fi' value='31'/>    
 <set toolText='lisavarusteet.jsp
m.renault.fi' value='5'/>     <set toolText='service.jsp
m.renault.fi' value='19'/>   
 <set toolText='avensis.jsp
m.toyota.fi' value='26'/>     <set toolText='D4D1.jsp
m.toyota.fi' value='9'/>     
 <set toolText='D4D2.jsp
m.toyota.fi' value='6'/>     <set toolText='index.jsp
m.toyota.fi' value='85'/>     
 <set toolText='rav4.jsp
m.toyota.fi' value='12'/>     <set toolText='sedan1.jsp
m.toyota.fi' value='6'/>     
 <set toolText='sedan2.jsp
m.toyota.fi' value='4'/>     <set toolText='toyota_td.jsp
m.toyota.fi' value='16'/>     
 <set toolText='valvematic1.jsp
m.toyota.fi' value='6'/>     <set toolText='wagon1.jsp
m.toyota.fi' value='20'/>    
 <set toolText='wagon2.jsp
m.toyota.fi' value='10'/>     <set toolText='wagon3.jsp
m.toyota.fi' value='9'/>     
 <set toolText='eco.jsp
m.renault.fi' value='3'/>     <set toolText='merkkihuolto.jsp
m.renault.fi' value='14'/>     
 <set toolText='D4D3.jsp
m.toyota.fi' value='2'/>     <set toolText='valvematic2.jsp
m.toyota.fi' value='1'/>     
 <set toolText='valvematic3.jsp
m.toyota.fi' value='1'/>     <set toolText='sedan3.jsp
m.toyota.fi' value='2'/>     <set toolText='IS1.jsp
m.lexus.fi' value='389'/>     <set toolText='IS2.jsp
m.lexus.fi' value='68'/>   
 <set toolText='IS3.jsp
m.lexus.fi' value='85'/>     <set toolText='IS4.jsp
m.lexus.fi' value='43'/>     <set toolText='IS5.jsp
m.lexus.fi' value='43'/>    
 <set toolText='IS6.jsp
m.lexus.fi' value='40'/>     <set toolText='koeajo.jsp
m.lexus.fi' value='100'/>     
 <set toolText='myynti_ja_huolto.jsp
m.lexus.fi' value='214'/>     <set toolText='rx%2F%2Findex.jsp
m.lexus.fi' value='4'/>    
 <set toolText='RX1.jsp
m.lexus.fi' value='419'/>     <set toolText='is%2F%2Findex.jsp
m.lexus.fi' value='6'/>     
 <set toolText='RX2.jsp
m.lexus.fi' value='71'/>     <set toolText='RX3.jsp
m.lexus.fi' value='52'/>    
 <set toolText='RX4.jsp
m.lexus.fi' value='46'/>     <set toolText='RX5.jsp
m.lexus.fi' value='38'/>     <set toolText='RX6.jsp
m.lexus.fi' value='41'/>     
 <set toolText='service_thanks.jsp
m.renault.fi' value='1'/>     <set toolText='koeajo.jsptype%3DIS
m.lexus.fi' value='26'/>     
 <set toolText='koeajo.jsptype%3DRX
m.lexus.fi' value='28'/>     <set toolText='ota_yhteytta_322345234552bogus.jsp
m.lexus.fi' value='1'/>     <set toolText='kiitos.jsp
m.lexus.fi' value='2'/>     <set toolText='service.jsptype%3DHIHNA
m.renault.fi' value='2'/>  
 <set toolText='BMW.jsp
m.wetteri.fi' value='3'/>     <set toolText='BMW_lisavarusteet.jsp
m.wetteri.fi' value='2'/>     
 <set toolText='Ford.jsp
m.wetteri.fi' value='4'/>     <set toolText='Ford_lisavarusteet.jsp
m.wetteri.fi' value='1'/>   
 <set toolText='Huolto.jsp
m.wetteri.fi' value='8'/>     <set toolText='Hyundai.jsp
m.wetteri.fi' value='1'/>    
 <set toolText='index.jsp
m.wetteri.fi' value='21'/>     <set toolText='Jaguar.jsp
m.wetteri.fi' value='1'/>     
 <set toolText='Mazda.jsp
m.wetteri.fi' value='1'/>     <set toolText='Renault.jsp
m.wetteri.fi' value='7'/>     
 <set toolText='Renault_lisavarusteet.jsp
m.wetteri.fi' value='2'/>     <set toolText='Renault_tarjoukset.jsp
m.wetteri.fi' value='3'/> 
 <set toolText='Rover.jsp
m.wetteri.fi' value='3'/>     <set toolText='Rover_tarjoukset.jsp
m.wetteri.fi' value='1'/>   
 <set toolText='index.jsp
sn4mobile.mobi' value='11'/>    </dataset>	    
 <dataset anchorBgColor='F1683C' anchorBorderColor='F1683C' color='F1683C' seriesname=' Visits'>	  <set toolText='index.jsp
m.lexus.fi' value='1338'/>   
 <set toolText='info1.jsp
m.lexus.fi' value='11'/>     <set toolText='info2.jsp
m.lexus.fi' value='5'/>     <set toolText='info3.jsp
m.lexus.fi' value='5'/>    
 <set toolText='lexus_td.jsp
m.lexus.fi' value='5'/>     <set toolText='photo1.jsp
m.lexus.fi' value='13'/>    
 <set toolText='photo2.jsp
m.lexus.fi' value='7'/>     <set toolText='photo3.jsp
m.lexus.fi' value='6'/>     
 <set toolText='index.jsp
m.renault.fi' value='44'/>     <set toolText='kesa.jsp
m.renault.fi' value='59'/>    
 <set toolText='service.jsptype%3DKESA
m.renault.fi' value='4'/>     <set toolText='tarjoukset.jsp
m.renault.fi' value='34'/>   
 <set toolText='jakohihna.jsp
m.renault.fi' value='25'/>     <set toolText='lisavarusteet.jsp
m.renault.fi' value='5'/>  
 <set toolText='service.jsp
m.renault.fi' value='16'/>     <set toolText='avensis.jsp
m.toyota.fi' value='22'/>    
 <set toolText='D4D1.jsp
m.toyota.fi' value='7'/>     <set toolText='D4D2.jsp
m.toyota.fi' value='4'/>     
 <set toolText='index.jsp
m.toyota.fi' value='65'/>     <set toolText='rav4.jsp
m.toyota.fi' value='11'/>     
 <set toolText='sedan1.jsp
m.toyota.fi' value='5'/>     <set toolText='sedan2.jsp
m.toyota.fi' value='4'/>     
 <set toolText='toyota_td.jsp
m.toyota.fi' value='14'/>     <set toolText='valvematic1.jsp
m.toyota.fi' value='6'/> 
 <set toolText='wagon1.jsp
m.toyota.fi' value='14'/>     <set toolText='wagon2.jsp
m.toyota.fi' value='7'/>     
 <set toolText='wagon3.jsp
m.toyota.fi' value='7'/>     <set toolText='eco.jsp
m.renault.fi' value='3'/>     
 <set toolText='merkkihuolto.jsp
m.renault.fi' value='11'/>     <set toolText='D4D3.jsp
m.toyota.fi' value='2'/>  
 <set toolText='valvematic2.jsp
m.toyota.fi' value='1'/>     <set toolText='valvematic3.jsp
m.toyota.fi' value='1'/>    
 <set toolText='sedan3.jsp
m.toyota.fi' value='2'/>     <set toolText='IS1.jsp
m.lexus.fi' value='297'/>     
 <set toolText='IS2.jsp
m.lexus.fi' value='55'/>     <set toolText='IS3.jsp
m.lexus.fi' value='63'/>    
 <set toolText='IS4.jsp
m.lexus.fi' value='36'/>     <set toolText='IS5.jsp
m.lexus.fi' value='35'/>     <set toolText='IS6.jsp
m.lexus.fi' value='32'/>    
 <set toolText='koeajo.jsp
m.lexus.fi' value='77'/>     <set toolText='myynti_ja_huolto.jsp
m.lexus.fi' value='180'/>     
 <set toolText='rx%2F%2Findex.jsp
m.lexus.fi' value='3'/>     <set toolText='RX1.jsp
m.lexus.fi' value='298'/>     
 <set toolText='is%2F%2Findex.jsp
m.lexus.fi' value='5'/>     <set toolText='RX2.jsp
m.lexus.fi' value='64'/>    
 <set toolText='RX3.jsp
m.lexus.fi' value='49'/>     <set toolText='RX4.jsp
m.lexus.fi' value='44'/>    
 <set toolText='RX5.jsp
m.lexus.fi' value='37'/>     <set toolText='RX6.jsp
m.lexus.fi' value='38'/>     <set toolText='service_thanks.jsp
m.renault.fi' value='1'/>  
 <set toolText='koeajo.jsptype%3DIS
m.lexus.fi' value='23'/>     <set toolText='koeajo.jsptype%3DRX
m.lexus.fi' value='23'/>    
 <set toolText='ota_yhteytta_322345234552bogus.jsp
m.lexus.fi' value='1'/>     <set toolText='kiitos.jsp
m.lexus.fi' value='2'/> 
 <set toolText='service.jsptype%3DHIHNA
m.renault.fi' value='1'/>     <set toolText='BMW.jsp
m.wetteri.fi' value='3'/>    
 <set toolText='BMW_lisavarusteet.jsp
m.wetteri.fi' value='2'/>     <set toolText='Ford.jsp
m.wetteri.fi' value='4'/>    
 <set toolText='Ford_lisavarusteet.jsp
m.wetteri.fi' value='1'/>     <set toolText='Huolto.jsp
m.wetteri.fi' value='8'/>    
 <set toolText='Hyundai.jsp
m.wetteri.fi' value='1'/>     <set toolText='index.jsp
m.wetteri.fi' value='21'/>     
 <set toolText='Jaguar.jsp
m.wetteri.fi' value='1'/>     <set toolText='Mazda.jsp
m.wetteri.fi' value='1'/>     
 <set toolText='Renault.jsp
m.wetteri.fi' value='7'/>     <set toolText='Renault_lisavarusteet.jsp
m.wetteri.fi' value='2'/>    
 <set toolText='Renault_tarjoukset.jsp
m.wetteri.fi' value='3'/>     <set toolText='Rover.jsp
m.wetteri.fi' value='3'/>     
 <set toolText='Rover_tarjoukset.jsp
m.wetteri.fi' value='1'/>     <set toolText='index.jsp
sn4mobile.mobi' value='7'/>   </dataset>  </chart> 

.

Image 1 :

---------

8fd0ceb7-7677-46e5-b1ad-1259.JPG

IMAGE 2 :

----------

 aca24206-2601-4cb0-ac19-4530.JPG

Edited by Guest

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