tester82

Display a list of entities next to map

Recommended Posts

I want to have a country list next to my linked map.  Is there a way to do this ? How can I get the data of a linkeddata map instead of returning the data of the parent map. and all the other maps?  For example when I click on Africa I only want to list the countries of africa.  Here is some sample of my xml

 

<map animation='0' showShadow='0' showLegend='0' startlabel="Low" endLabel="High" showBevel='0' showLabels='0' showMarkerLabels='0' includeNameInLabels='0' showCanvasBorder='0'  fillColor='FFCC66' borderColor='000000' baseFont='Verdana' baseFontSize='10' markerBorderColor='000000' markerBgColor='FF5904' markerRadius='6' legendPosition='bottom' useHoverColor='1' showMarkerToolTip='1'  >
  <colorRange gradient="1" minValue="0" code="86c020" startlabel="Low" endLabel="High" legendCaption="Risk Level">
    <color minValue='0' maxValue='1' displayValue='' color='86c020' />
    <color minValue='1' maxValue='2' displayValue='' color='abd126' />
    <color minValue='2' maxValue='3' displayValue='' color='e0cf1d' />
    <color minValue='3' maxValue='4' displayValue='' color='f4d427' />
    <color minValue='4' maxValue='5' displayValue='' color='f9c801' />
    <color minValue='5' maxValue='6' displayValue='' color='ff9c01' />
    <color minValue='6' maxValue='7' displayValue='' color='ff7f00' />
    <color minValue='7' maxValue='8' displayValue='' color='ff5400' />
    <color minValue='8' maxValue='9' displayValue='' color='e92728' />
    <color minValue='9' maxValue='10' displayValue='' color='cc3433' />
  </colorRange>
  <entityDef>
    <entity internalId='NA' newId='North America' sName='N.Am' lName='N. America'/>
    <entity internalId='SA' newId='South America' sName='S.Am' lName='S.America'/>
    <entity internalId='EU' newId='Europe' />
    <entity internalId='AS' newId='Asia' />
    <entity internalId='AF' newId='Africa' />
    <entity internalId='AU' newId='Australia' />
  </entityDef>
  <data>
    <entity id='North America' color='6699FF' link='newchart:FCMap_NorthAmerica.swf-xml-NorthAmerica'  />
    <entity id='South America' color='6699FF' link='newchart:FCMap_SouthAmerica.swf-xml-SouthAmerica'   />
    <entity id='Europe' color='6699FF' link='newchart:FCMap_Europe.swf-xml-Europe'   />
    <entity id='Asia' color='6699FF' link='newchart:FCMap_Asia.swf-xml-Asia'   />
    <entity id='Africa' color='6699FF' link='newchart:FCMap_Africa.swf-xml-Africa'   />
    <entity id='Australia' color='6699FF' link='newchart:FCMap_Oceania.swf-xml-Oceania'   />
    <entity id='AT' color='6699FF' link='../Antarctica'   />
  </data>

 <linkeddata id='Africa'>
    <map animation='0' showCanvasBorder='0' legendCaption="Risk Level"   hoverColor='6699FF' legendSnapRange='5' snapLegendPointers='1'  showShadow='0' showBevel='0' showLegend='1' showLabels='0' showMarkerLabels='0' fillColor='F1f1f1' borderColor='000000' baseFont='Verdana' baseFontSize='10' markerBorderColor='000000' markerBgColor='FF5904' markerRadius='6' legendPosition='bottom' useHoverColor='1' showMarkerToolTip='1'  >
      <entityDef>
      <entity newid="Cape Verde" internalid="008" s.name="CV"></entity>

Edited by tester82

Share this post


Link to post
Share on other sites

Hi,

 

Do you want to show the list of countries in Africa when you click on Africa in World map? If yes, do you want to show the list beside the map or on the map, thus replacing the map ? Also, please let us know if you want to show list in some tabular format.

 

Awaiting your response.

Share this post


Link to post
Share on other sites

Hi,

 

If you want both the map and a list of countries in the map to be displayed on click on Africa, then you need to use JavaScript functions as links instead of using Linked charts. In the link attribute call a function, which renders an Africa map (in another div) and also displays a table with a list of countries in Africa. 

 

Eg.

 <entity id='Africa' color='6699FF' link='JavaScript:myJS()'   />

 

For more information on using JavaScript functions as links, refer: http://docs.fusioncharts.com/maps/Contents/DrillDown/JavaScript.html

 

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