FusionCharts - Configuring Tooltip for Heatmap Labels.

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.powercharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<div id="cont1">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var salesHMChart = new FusionCharts({
        type: 'heatmap',
        renderAt: 'cont1',
        width: '914',
        height: '707',
        dataFormat: 'json',
        dataSource:  {
            "chart": {
                "theme": "fint",
                "caption": "NARBEN - VERTEILUNG NACH KLICKS",
                "subCaption": "",
                "xAxisName":"BEREICHE",
                "yAxisName":"BEZUGSPUNKT - ANSICHT",
                "toolTipColor" : "#333",
                "toolTipBgColor" : "#FFF",
                "bgImage" : "http://innofact-umfrage.de/dpn53/srv/bilder/1.gif",
                "bgImageValign" : "middle",
                "canvasBgAlpha": "50",
                "plotFillAlpha": "50",
                "showPlotBorder": "1"
            },
            
            "dataset": [
                {
                    "data": [
                        {
                            "rowid": "SEITENANSICHT VON RECHTS",
                            "columnid": "KOPF",
                            "value": "87",
                            "tlLabel": "RE. KOPFSEITE (8)",
                            "trLabel": ""
                        },
                        {
                            "rowid": "SEITENANSICHT VON RECHTS",
                            "columnid": "HALSBEREREICH",
                            "value": "85",
                            "tlLabel": "RE. SEITE HALS (7)",
                            "trLabel": ""
                        },
                        {
                            "rowid": "SEITENANSICHT VON RECHTS",
                            "columnid": "OBERER BRUSTBEREICH",
                            "value": "",
                            "tlLabel": ""
                        },
                        {
                            "rowid": "SEITENANSICHT VON RECHTS",
                            "columnid": "BRUST",
                            "value": "97",
                        ...