FusionCharts - Numeric Legend Based Heatmap Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by Soumya Dutta

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<!-- A simple numeric based Heatmap chart showing score for various smartphones, by features.
-->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var salesHMChart = new FusionCharts({
      type: 'heatmap',
      renderAt: 'chart-container',
      width: '550',
      height: '470',
      dataFormat: 'json',
      dataSource: {
        "chart": {
          "theme": "fusion",
          "caption": "Top Smartphone Ratings",
          "subCaption": "By Features",
          "xAxisName": "Features",
          "yAxisName": "Model",
          "showPlotBorder": "1"
        },

        "dataset": [{
          "data": [{
              "rowid": "Samsung Galaxy S5",
              "columnid": "Processor",
              "value": "8.7",
              "tlLabel": "Quad Core 2.5 GHz",
              "trLabel": "OS : Android 4.4 Kitkat"
            },
            {
              "rowid": "Samsung Galaxy S5",
              "columnid": "Screen Size",
              "value": "8.5",
              "tlLabel": "5.1 inch",
              "trLabel": "AMOLED Screen Size"
            },
            {
              "rowid": "Samsung Galaxy S5",
              "columnid": "Price",
              "value": "9.3",
              "tlLabel": "$600"
            },
            {
              "rowid": "Samsung Galaxy S5",
              "columnid": "Battery Backup",
              "value": "9.7",
              "tlLabel": "29 Hrs",
              "trLabel": "Battery : 2800 MAH"
            },
            {
              "rowid": "Samsung Galaxy S5",
              "columnid": "Camera",
              "value": "8",
              "tlLabel": "16 MP",
              "trLabel": "Front Camera : 2.1 MP"
            },
            {
              "rowid": "HTC One (M8)",
              "columnid": "Processor",
              "value": "9.2",
              "tlLabel": "Quad Core 2.3 GHz",
              "trLabel": "OS : Android 4.4 Kitkat"
            },
            {
              "rowid": "HTC One (M8)",
              "columnid": "Screen Size",
              "value": "8.3",
              "tlLabel": "5 inch",
              "trLabel": "LCD...