Sign in to follow this  
sumit

How To Put Cursor Pointer In Marker Connectors

Recommended Posts

Hi Sir,

 

How i put cursor pointer between marker connector.

how can  i do and what properties write in the xml . please provide the solution of that.please find the attached image of the map.

 

Thanx and Regards

Sumit Bansal

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi Sumit,

 

Welcome to FusionCharts Forum!

 

If you want to display custom image (for e.g. cursor pointer) in marker connectors, then you would need to use <shape> element in the map XML.

 

First of all define all the marker-id's and labels in the map XML.

 

Ref. Code:

 

<markers>
     <definition>
        <marker id='SE' x='35.34' y='50.56' label='Seattle' />
        <marker id='CO' x=' 525.85' y='172.94' label='Columbus' />
         .
         .
         .
   </definition>
 
Then, you would need to define shape element. In the shape element, you would need to configure the "id", "type" and "URL" attributes.
 
Ref. Code:
<shapes>
        <shape id='Icon' type='image' URL='Resources/Cursor_Icon.gif'/>
</shapes>
 
Now, specify the "shapeId" for respective markers.
 
Ref. Code:
<application>
        <marker id='SE' shapeId='Icon' />
         .
         .
</application>
 
For more information, please refer the following link:
 

 

Hope this helps!

Share this post


Link to post
Share on other sites

Hi Sumedh,

 

Thanx for your  quick response.

 

i am not asking about image.i am asking when i give link between marker connector then cursor pointer will not  comes . so that user can not identified this marker connector linked or not ...if i am using some other chart then cursor pointer comes automatically. if you have any example code then share with me.so that i solve my issue as soon as possible.

 

Thanx and Regards

Sumit Bansal

Share this post


Link to post
Share on other sites

Hi Sumit,

 

If you need your marker to be linked to other pages, you will have to define the "link" attribute under <application> element  of <marker> element.

 

Also, if you would like the connector to link to other pages, you will have to define the "link" attribute in the connector element.

 

Ref. Code:

 

          <markers>
              <definition>
                 <marker id='HO' x='140.09' y='165.19' label='Head Office'  />
                 <marker id='PF' x='533.37' y='182.25' label='Production Center'  />        
              </definition>
              <application>
                 <marker id='HO' shapeId='circle'  link='http://www.fusioncharts.com' />
                 <marker id='PF' shapeId='arc' />
              </application>
               <connectors>
                  <connector from='HO' to='PF' dashed='1' color='00577F' alpha='40' link='http://www.fusioncharts.com'/>
               </connectors>
           </markers>

 

Hope this helps.

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