GetTime()

by Aarushi Mittal

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<body>
  <button id="rid" name="rid" onclick="move()">click to view Rid specific</button>
  <div id="sidebar" class="sidebar-toggle">
    <ul class="nav nav-sidebar">
      <li>
        <form>
          <select id="industrylist" style="margin: 9%;font-size: x-large;" class="industrySelect">
            <option value=" ">Select Industry</option>
          </select>
          <select id="yearlist" style="margin: 9%;font-size: x-large;" class="yearSelect">
            <option value=" ">Select Years</option>
          </select>
        </form>
      </li>
    </ul>
  </div>
  <div id="myPieChart"></div>
  <div id="myColumnChart"></div>
  <div id="myColumnChart2"></div>
</body>

CSS

<style>
    #rid { width:auto; height:75px; background-color:#ff6367 ;}
    #myPieChart { width: 100%; height:300px ; background-color: #FFFFFF; }
    #myColumnChart { width: 100%; height:300px ; background-color: #FFFFFF; }
    #myColumnChart2 { width: 100%; height:300px ; background-color: #FFFFFF; }
  </style>

JavaScript

$(function(){ 
    var local_data ={
   ...