Thanks to visit codestin.com
Credit goes to www.shieldui.com

refresh

The refresh() method reloads the current instance of the TreeMap widget.
The optional parameter options gives the possibility to extend the initial options with the new ones.


<div id="treemap" />

<script type="text/javascript">
    $(function () {
        $('#treemap').shieldTreeMap({
              valueTemplate: "{value}",
              dataSource: {
                    data: [
                        {
                            "title": "Fastest Cars in the World",
                            "value": 1301,
                            "items": [
                                {
                                    "title": "Hennessey Venom GT",
                                    "value": 435
                                },
                                {
                                    "title": "Vector Avtech WX8 Hypercar",
                                    "value": 435
                                },
                                {
                                    "title": "Bugatti Veyron 16.4 Super Sport",
                                    "value": 431
                                }
                            ]
                        }
                    ]
                }
          });
    });

    var widget = $("#treemap").swidget();
    var options = { cls: "treemap" };
    widget.refresh(options);

</script>

<style>
      .treemap {
         max-width: 600px;
         height: 500px;
      }
</style>