sortField() sorting the data before replaceData()

by YeongCY

HTML

<script src="https://cdn.zoomcharts-cloud.com/1/14/0/zoomcharts.js"></script>
<button onclick="sort()">Sort</button>
<button onclick="filter()">Filter</button>
<div id='demo'></div>

JavaScript

var data1 = {
  subvalues: [{
    subvalues: [{
      name: "Playstation 3 (not set)",
      value: 204
    }],
    name: "Playstation 3",
    value: 204,
    "id": "Playstation 3"
  },{
    subvalues: [{
      name: "Mozilla Compatible Agent 5.0",
      value: 292
    }, {
      name: "Mozilla Compatible Agent 4.0",
      value: 4
    }],
    name: "Mozilla Compatible Agent",
    value: 296,
    "id": "Mozilla Compatible Agent"
  }]
};

var data2 = {
  subvalues: [{
    subvalues: [{
      name: "Mozilla Compatible Agent 5.0",
      value: 292
    }, {
      name: "Mozilla Compatible Agent 4.0",
      value: 4
    }],
    name: "Mozilla Compatible Agent",
    value: 296,
    "id": "Mozilla Compatible Agent"
  }, {
    subvalues: [{
      name: "Playstation 3 (not set)",
      value: 204
    }],
    name: "Playstation 3",
    value: 204,
    "id": "Playstation 3"
  }, {
    subvalues: [{
      name: "YaBrowser 1.5.1106.241",
      value: 40
    }, {
      name: "YaBrowser 1.7.1364.21027",
      value: 32
    }, {
      name: "YaBrowser 1.7.1364.17262",
      value: 23
    }, {
      name: "YaBrowser 1.7.1364.22076",
      value: 23
    }, {
      name: "YaBrowser 1.5.1105.412",
      value: 18
    }, {
      name: "YaBrowser 1.7.1364.15751",
      value: 15
    }, {
      name: "YaBrowser 1.7.1364.22194",
      value: 15
    }, {
      name: "YaBrowser 1.7.1364.13754",
      value: 8
    }, {
      name: "YaBrowser 1.7.1364.12390",
      value: 5
    }],
    name: "YaBrowser",
    value: 179,
    "id": "YaBrowser"
  }, {
    subvalues: [{
      name: "IE with Chrome Frame 8.0",
      value: 78
    }, {
      name: "IE with Chrome Frame 7.0",
      value: 14
    }],
    name: "IE with Chrome Frame",
    value: 92,
    "id": "IE with Chrome Frame"
  }, {
    subvalues: [{
      name: "Safari (in-app) (not set)",
      value: 549
    }],
    name: "Safari (in-app)",
    value: 549,
    "id": "Safari (in-app)"
  }, {
    subvalues: [{
      name: "Amazon Silk...