HeatMap - no data in displayvalue

Recommended Posts



I want to use HeatMap chart in my Android-APP (Phonegap/Eclipse).

I get the rowId and the columnId but not the displayvalue (see attach "heatmap_emty.jpg")


Here the code:


    <script type="text/javascript" charset="utf-8" src="FusionCharts.js"></script>
    <script type="text/javascript" charset="utf-8" src="FusionCharts.HC.js"></script>
    <script type="text/javascript" charset="utf-8" src="FusionCharts.HC.PowerCharts.js"></script>
    <script type="text/javascript" charset="utf-8" src="FusionCharts.jqueryplugin.js"></script>
    <script type="text/javascript" charset="utf-8" src="jquery.min.js"></script>

    <div id="chartContainerHMHome">FusionCharts XT will load here!</div>          
    <script type="text/javascript">
    if  ( FusionCharts( "HMHomeID" ) )  FusionCharts( "HMHomeID" ).dispose();


      var myChart = new FusionCharts( "HeatMap.swf", "HMHomeID", "960", "598", "0", "1" );



$str = "\"";
 $strXML ="<chart bgColor='29a1c4' Caption='TestTESTTest' mapByCategory='1' xAxisName='' yAxisName='' bgImageAlpha='30' bgImageScale='10' bgImageVAlign='top' bgImageHAlign='left'>";
 $strXML .= "<dataset>";
 $strXML .= "<set tooltext='test' rowId='X' columnId='test' displayvalue='test' color='F3E2A9' link='123.php'/>";
 $strXML .= "<set tooltext='test1' rowId='X' columnId='test1' displayvalue='test' color='F3E2A9' link='123.php'/>";
 $strXML .= "</dataset>";
 $strXML .= "<styles>";
 $strXML .= "<definition>";
 $strXML .= "<style name='datavaluesFont' type='font' font='Arial' size='14' color='150015' bold='0'/>";
 $strXML .= "</definition>";
 $strXML .= "  <application>";
 $strXML .= "     <apply toObject='tldatavalues' styles='tlLabelFont'/>";
 $strXML .= "     <apply toObject='trdatavalues' styles='trLabelFont'/>";
 $strXML .= "     <apply toObject='bldatavalues' styles='blLabelFont'/>";
 $strXML .= "     <apply toObject='brdatavalues' styles='brLabelFont'/>";
 $strXML .= "     <apply toObject='datavalues' styles='datavaluesFont'/>";
 $strXML .= "     <apply toObject='datavalues' styles='datavaluesShadow'/>";
 $strXML .= "   </application>";
 $strXML .= "</styles>";
 $strXML .= "</chart>";
 echo $strXML;


in this case it don't work in app. And it don't work in internet explorer.


don't use "FusionCharts.setCurrentRenderer('javascript')" - it works on internet explorer (see attach "heatmap_withdata.jpg") but still don't work in my app (attach "heatmap_empty.jpg")...


what's wrong?

please help!


thanks a lot!!!




Share this post

Link to post
Share on other sites



It seems that the XML data format that you have used does not confirm to the data format followed by Heat map chart. For the data format used by Heat map chart, refer : http://docs.fusioncharts.com/powercharts/Contents/HeatMap/Overview.html


We have modified your XML data accordingly and attached here for your reference.

<chart showLegend='0'>
        <row id='r1' label=' '/>
        <column id='c1' label=' '/>
        <column id='c2' label=' '/>
        <set rowId='r1' columnId='c1' value='100' displayValue='test' tooltext='test'/>
        <set rowId='r1' columnId='c2' value='100' displayValue='test' tooltext='test'/>
    <colorRange mapbypercent='0' gradient='1' minValue='0' code='00CCFF' startLabel='Poor' endLabel='Good'>
        <color code ='66ADD9' maxValue='0' label='BAD'/>
        <color code ='F2CF63' maxValue='70' label='AVERAGE'/>
        <color code ='D99036' maxValue='100' />

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