Javascript 如何在用户单击提交按钮后立即创建图形页面模式

我正在根据用户输入填充google graph。现在图形正在同一页面中生成

以下是指向我的页面图像的链接：

下面是我的HTML代码：

<form method="post">
  <label>CUF PERFORMANCE</label> &nbsp&nbsp&nbsp
  <select id="select" name="options">
    <option>Select The Value</option>
    <option id="hourly" value="a">Hourly</option>
    <option id="daily" value="b">Daily</option>
    <option id="monthly" value="c">Monthly</option>
    <option id="yearly" value="d">Yearly</option> 
  </select><br/><br/>

  <label id="from" style="display:none;">Enter starting Date and Time</label>

  <input id="dateInputone" name="dateipone" type="datetime-local" step="600" onblur="validate_time(this.value)" style="display:none;">

  <label id="to" style="display:none;">Enter Ending Date and Time</label>

  <input id="dateInputtwo" name="dateiptwo" type="datetime-local" step="600" style="display:none;">
  <br/><br/>
  <label for="Inverter">Inverter</label>
  <select name="ino">
    <option>Select The Value</option>
      <option value="1">Inverter 1</option>
    <option value="2">Inverter 2 </option>
      <option value="3">Inverter 3</option>
      <option value="4">Inverter 4</option> 
      <option value="5">Inverter 5</option> 
      <option value="6">Inverter 6</option>
  </select><br/><br/>

  <input type="submit" value="submit" onclick="myFunction()">

CUF绩效
选择值
每小时
每日的
月刊
每年



输入开始日期和时间
输入结束日期和时间



逆变器
选择值
逆变器1
逆变器2
逆变器3
逆变器4
逆变器5
逆变器6

下面是我的谷歌图表脚本代码

google.charts.load（'current'{
“包”：[“线”、“条”、“核心图表”]
});
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var arr1=；
var dataArray=[]；
对于（i=0；i

这是一个图像链接，指向用户输入值并单击提交后我希望它的状态：

提供一个工作代码或代码片段。@SahilDhir…上面提到的代码正在工作…但只有一件事是它在同一页中显示图形…单击调用一个模式并populate@SahilDhir...Thank不客气。。如果你得到了答案，就发表你自己的答案。。它将帮助未来的用户：）
  <!--modal table -->
    <div id="myModal" class="modal fade in">
     <div class="modal-dialog">
      <div class="modal-content">
       <div class="modal-header">
       <a class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
       <h4 class="modal-title">CUF Graph</h4>
       </div>

      <div class="modal-body">                
       <table class="columns">
        <tr>
         <td><div id="chart_div" style="border: 1px solid #ccc"></div></td>
         <td><div id="chartdiv" style="border: 1px solid #ccc"></div></td>
        </tr>
       </table>
      </div>

     <div class="modal-footer">
      <div class="btn-group">
      <button id="change-chart"  class="btn btn-danger">Bar Chart</button>
      </div>
     </div>
    </div>
   </div>
  </div>