Question

在文本框中更改并提交新值后，我需要添加更多数据。如果我将数据序列更改为信号，则可以完美地将数据加载到图表中。但是现在我需要它能够保存以前的数据并添加新提交的数据。我怎样才能做到这一点？我在这里做错了什么？

这是我的代码

$(function() {
  var valtemp1 = new Array(1024);

  $("#btn").click(function() {
    var val1, val2, options;

    val1 = parseFloat($("input[id=amplitudo]").val());
    val2 = parseFloat($("input[id=frequensi]").val());

    var osc = new Oscillator(DSP.Sine, val2, val1, 1024, 1024);
    osc.generate();
    var signal = osc.signal;

    for (var i = 0; i < signal.length; i++) {
      var w = signal[i] + valtemp1[i];
      valtemp1[i] = w;
    }

    options = {
      plotOptions: {
        spline: {
          lineWidth: 4,
          states: {
            hover: {
              lineWidth: 5
            }
          },
          marker: {
            enabled: false
          },
          pointInterval: 1,
          pointStart: 0
        }
      },

      series: [{
        type: "spline",
        name: "1",
        data: valtemp1
      }]
    };

    $("#wadah").highcharts(options);
    return false;
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
<script src="dsp.js"></script>
<script type="text/javascript" src="test1.js"></script>


<body>
  <br /><br /><br /><br /><br />
  <div class="container">
    <div class="row">
      <div class="col-sm-3">
        <div class="card mb-3" style="height:500px">
          <div class="card-body">
            <form method="POST">
              <label for="test">amplitudo</label><br />
              <input type="textbox" id="amplitudo" value="" />
              <br />

              <label for="test2">Frequensi</label>
              <input type="textbox" id="frequensi" value="" />
              <br /><br />

              <input type="submit" value="hitung" id="btn" />
            </form>
          </div>
        </div>
      </div>

      <div class="col-sm-9" style="height: 50px">
        <div id="wadah"></div>
      </div>
    </div>
  </div>
</body>

highchart-提交时添加新数据

0 个答案: