Treemap Bug

author(s):

by kzoon

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/treemap.js"></script>
<div id="container"></div>

CSS

#container {
    min-width: 300px;
    max-width: 600px;
    margin: 0 auto;
}

JavaScript

Highcharts.chart('container', {
   legend: {
        "margin": 10,
        "backgroundColor": "rgba(255,255,255,0)",
        "borderWidth": 1,
        "squareSymbol": false,
        "symbolRadius": 0,
        "itemStyle": {
          "fontFamily": "'Lucida Grande', 'Lucida Sans Unicode'",
          "fontSize": "11px",
          "fontWeight": "normal",
          "color": "rgba(102,102,102,1)"
        }
      },
          "plotOptions": {
        "treemap": {
   
          "legendType": "point",
          "showInLegend": true
         
        }
      },
    series: [{
        type: "treemap",
        data: [{
            name: 'A',
            value: 6
        }, {
            name: 'B',
            value: 6
        }, {
            name: 'C',
            value: 4
        }, {
            name: 'Causes Exception',
            value: null
        }]
    }],
    title: {
        text: 'Highcharts Treemap'
    }
});