gpt4 book ai didi

javascript - 在 Javascript 中创建数学函数的图形,该函数随着函数中变量的变化而动态变化

转载 作者:行者123 更新时间:2023-11-30 06:36:53 25 4
gpt4 key购买 nike

我正在尝试创建一个 javascript 应用程序,它允许用户查看具有多个变量的函数图。对于我的程序,我希望使用变量 S 作为该图的因变量,并将所有其他变量用作常量参数。但是,我希望用户能够更改参数的值,并且我希望根据这些更改更新图表。我试图用我的程序做到这一点,但似乎该图甚至不会显示。我将如何解决这个问题?另外,我应该使用另一个绘图脚本吗?下面是我的代码。对于所有对金融感兴趣的人,您可能会注意到我正在尝试使用 Black-Scholes 公式绘制看涨期权的值(value)。

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>


<script language="javascript" type="text/javascript" src="http://www.jqplot.com/tests/../src/jquery.min.js"></script>

<script language="javascript" type="text/javascript" src="http://www.jqplot.com/tests/../src/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="http://distributome.googlecode.com/svn-history/r375/trunk/js/calc/distributions.js"></script>





<link rel="stylesheet" type="text/css" href="http://www.jqplot.com/tests/../src/jquery.jqplot.min.css">

<script type="text/javascript" src="http://www.jqplot.com/tests/../src/plugins/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="http://www.jqplot.com/tests/../src/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>












<script class="code" type="text/javascript">

function invoke () {
Sigma = quad.variance.value;
K = quad.strike_price.value;
r = quad.r_val.value;
div = quad.div_val.value;
graph ();
}





function answer(S) {
d1 = (Math.log( S / K )+(r - div + .5*Math.pow(Sigma, 2))*T)/(Sigma*Math.sqrt(T));
d2 = d1 - Sigma*Math.sqrt(T);
return S*Math.exp(-div*T)*stdNormalCDF(d1) - K*Math.exp(-r*T)*stdNormalCDF(d2);
};






function graph() {

var CallPoints = [];
for (var i=0; i<90; i+=0.1){
CallPoints.push([i, answer(i)]);
}
var plot1 = $.jqplot('chart1', [CallPoints], {
series:[{showMarker:false}],
axes:{
xaxis:{
label:'Stock Price'
},
yaxis:{
label:'Premium'
}
}
});
};

</script>



</head>
<body onload="invoke()">


<form name="quad" onchange="invoke()">

<input type="text" value=".30" name="variance" size="5" onchange="invoke()"> = Volatility
<br>
<input type="text" value="30" name="strike_price" size="5" onchange="invoke()"> = K
<br>
<input type="text" value=".05" name="r_val" size="5" onchange="invoke()" > = r
<br>
<input type="text" value=".05" name="div_val" size="5" onchange="invoke()"> = div
<br>
<input type="text" value="1" name="T_val" size="5" onchange="invoke()"> = T

</form>
<div id="chart1" style="height: 300px; width: 500px; position: relative;" class="jqplot-target">
</div>

</body>
</html>

最佳答案

T 未在 invoke() 函数中定义添加行:

T = quad.T_val.value;

关于javascript - 在 Javascript 中创建数学函数的图形,该函数随着函数中变量的变化而动态变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13920294/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com