如何使用js库使用两个输入x和y值绘制图形
How to draw the graph using two input x and y value using js library?
<!DOCTYPE html>
<html>
<head>
<title>math.js | plot</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/mathjs/3.2.1/math.min.js"></script>
<!-- load http://maurizzzio.github.io/function-plot/ -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script src="https://wzrd.in/standalone/function-plot@1.14.0"></script>
<style>
input[type=text] {
width: 300px;
}
input {
padding: 6px;
}
body, html, input {
font-family: sans-serif;
font-size: 11pt;
}
form {
margin: 20px 0;
}
</style>
</head>
<body>
<form id="form">
<label for="eq">Enter an equation:</label>
<input type="text" id="eq" value="4 * sin(x) + 5 * cos(x/2) " />
<input type="submit" value="Draw" />
</form>
<div id="plot"style="position:absolute;top:20%;"></div>
<script>
function draw() {
try {
functionPlot({
target: '#plot',
data: [{
fn: document.getElementById('eq').value,
sampler: 'builtIn', // this will make function-plot use the evaluator of math.js
graphType: 'polyline'
}]
});
}
catch (err) {
console.log(err);
alert(err);
}
}
document.getElementById('form').onsubmit = function (event) {
event.preventDefault();
draw();
};
draw();
</script>
</body>
</html>
我有一些代码在键入方程来绘制图形相同的概念如何绘制x和y值中的两个输入值来绘制图形请帮助我更正我的代码。
例如:x=10;y=5输出根据输入值绘制图形。
它运行良好。你的数字太高了。尝试4*sin(0.479425538604203(+5*cos(x/2*x+12(
相关文章:
- javascript函数,它接受两个输入:一个对象和一个键,并返回对象中该键的相应值
- 在输入字段上有两个函数调用,一个在Blur上,一个不在Angular中
- 比较jquery中的两个输入
- Javascript-如何使用bootstrap日期时间选择器自动计算两个时间输入之间的差异
- 使用javascript将两个输入的日期添加在一起
- 如何将(a*b)两个输入文本值相乘,并在javascript中随文本变化动态显示
- 如何调用两个函数是一种html输入类型
- 如何根据两个不同的输入动态设置链接的路径
- 比较两个输入字段
- javascript:无法添加两个文本输入
- 敲除:如何对两个数字输入进行双向绑定
- 使用一个输入作为两个按钮的值
- 在 JavaScript 中单击函数时两个日期类型输入之间的差异的代码
- 输入两个输入,填写第三个
- 如何十进制验证:限制仅输入两个数值
- 如果输入两个输入标签具有相同的值,则给出警报 - JavaScript 只有 jQuery
- 如何让用户输入两个字段中的任意一个
- 提前输入两个源和自定义分隔符
- 输入两个百分比,给我第三个
- 如何只允许输入两个小数点