javascript - highchart - 提交时添加新数据
问题描述
在文本框中更改和提交新值后,我需要添加更多数据。如果我将数据系列更改为信号,它可以完美地加载带有数据的图表。但现在我需要它能够保存以前的数据并添加新提交的数据。我怎样才能做到这一点?我在这里做错了什么?
这是我的代码
$(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>