face

HeatMap - no data in displayvalue

Recommended Posts

Hello.

 

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>
 

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

 

      FusionCharts.setCurrentRenderer('javascript')
      var myChart = new FusionCharts( "HeatMap.swf", "HMHomeID", "960", "598", "0", "1" );
      myChart.setXMLUrl("mobile_HM_Data_home.php");
      myChart.render("chartContainerHMHome");      
     
    </script>        
  </body>

 

mobile_HM_Data_home.php:

$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!!!


 

post-55711-0-36694800-1392905438_thumb.jpg

post-55711-0-10802500-1392905439_thumb.jpg

Share this post


Link to post
Share on other sites

Hi,

 

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'>
    <rows>
        <row id='r1' label=' '/>
    </rows>
    <columns>
        <column id='c1' label=' '/>
        <column id='c2' label=' '/>
    </columns>
    <dataset>
        <set rowId='r1' columnId='c1' value='100' displayValue='test' tooltext='test'/>
        <set rowId='r1' columnId='c2' value='100' displayValue='test' tooltext='test'/>
    </dataset>
    <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' />
    </colorRange>
</chart>

Hope this helps.

post-37797-0-92308200-1393055488_thumb.png

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