Display a list of entities next to map

[tester82]

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 November 15, 2013 by tester82

[Haritha]

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.

[tester82]

Yes I want to the show the list of countries of Africa beside the map.  I would like to show the list just in a scrollable list.  

[tester82]

The map will still be displayed just with the list next to it

[Haritha]

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.