Html5 Chart

Invoke the refresh method of the jqxChart. Author: http://jqwidgets.com

by txhi

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id="treeGrid"></div>

JavaScript

var data = [{
  "EmployeeID": 2,
  "FirstName": "Andrew",
  "LastName": "Fuller",
  "Country": "USA",
  "Title": "Vice President, Sales",
  "HireDate": "1992-08-14 00:00:00",
  "BirthDate": "1952-02-19 00:00:00",
  "City": "Tacoma",
  "Address": "908 W. Capital Way",
  "expanded": "false"
  }, {
  "EmployeeID": 5,
  "FirstName": "Steven",
  "LastName": "Buchanan",
  "Country": "UK",
  "Title": "Sales Manager",
  "HireDate": "1993-10-17 00:00:00",
  "BirthDate": "1955-03-04 00:00:00",
  "City": "London",
  "Address": "14 Garrett Hill",
  "expanded": "true",
  "children": [{
    "EmployeeID": 6,
    "FirstName": "Michael",
    "LastName": "Suyama",
    "Country": "UK",
    "Title": "Sales Representative",
    "HireDate": "1993-10-17 00:00:00",
    "BirthDate": "1963-07-02 00:00:00",
    "City": "London",
    "Address": "Coventry House Miner Rd."
    }, {
    "EmployeeID": 7,
    "FirstName": "Robert",
    "LastName": "King",
    "Country": "UK",
    "Title": "Sales Representative",
    "HireDate": "1994-01-02 00:00:00",
    "BirthDate": "1960-05-29 00:00:00",
    "City": "London",
    "Address": "Edgeham Hollow Winchester Way"
    }, {
    "EmployeeID": 9,
    "FirstName": "Anne",
    "LastName": "Dodsworth",
    "Country": "UK",
    "Title": "Sales Representative",
    "HireDate": "1994-11-15 00:00:00",
    "BirthDate": "1966-01-27 00:00:00",
    "City": "London",
    "Address": "7 Houndstooth Rd."
  }]
}];

//// prepare the data
     var source = {
         dataType: "json",
         dataFields: [{
             name: 'EmployeeID',
             type: 'number'
         }, {
             name: 'FirstName',
             type: 'string'
         }, {
             name: 'LastName',
             type: 'string'
         }, {
             name: 'Country',
             type: 'string'
         }, {
             name: 'City',
             type: 'string'
         }, {
             name: 'Address',
             type: 'string'
         }, {
             name: 'Title',
          ...