rurihabachi.com - Web API - ｘの関数のグラフ

ｘの関数のグラフ　Web API

本APIは、送信されたｘの関数を指定された範囲でグラフ描画し、画像を戻します。

» この数値計算APIの機能については Xの関数のページ（数式・計算ツール）でも確認することができます。

このAPIを利用するには、下記のURLにアクセスしてください。
画像はPNG形式です。

http://www.rurihabachi.com/web/webapi/functionxgraph/graph

» WebAPIの使い方については使い方（共通）もご覧ください。

引数： （*は必須）

fx *	string	xの関数（例：x^2+x+2） - 許容文字・関数（xは変数、a,b,cは定数）： 1234567890+-*/()^,pi,e,sqrt,log,abs,sin,cos,tan,a,b,c,x
xfrom	string	xの値（自）　（例：-10）
xto	string	xの値（至）　（例：10）
a	string	aの値
b	string	bの値
c	string	cの値

出力内容：

image

png

描画されたグラフ画像

* * *

使用例：

JavaScriptから画像データを取得

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<script type="text/javascript">

function getGraph() {

  var graph = document.getElementById("fxgraph");
  graph.innerHTML = "";

  var obj = document.createElement("iframe");
  obj.style.width = "620px";
  obj.style.height = "620px";
  obj.setAttribute("scrolling", "no");
  obj.setAttribute("frameBorder", "0");

  var url = "http://www.rurihabachi.com/web/webapi/functionxgraph/graph?";
  var fx = document.getElementById("fx").value;
  var xfrom = document.getElementById("xfrom").value;
  var xto = document.getElementById("xto").value;
  var a = document.getElementById("a").value;
  var b = document.getElementById("b").value;
  var c = document.getElementById("c").value;
  obj.src = url + "fx=" + encodeURIComponent(fx)
    + "&xfrom=" + encodeURIComponent(xfrom)
    + "&xto=" + encodeURIComponent(xto)
    + "&a=" + encodeURIComponent(a)
    + "&b=" + encodeURIComponent(b)
    + "&c=" + encodeURIComponent(c);

  graph.appendChild(obj);

}

</script>

<title>API test</title>
</head>

<body>

fx=<input type="text" id="fx" size=40>
xfrom=<input type="text" id="xfrom" size=6>
xto=<input type="text" id="xto" size=6>
a=<input type="text" id="a" size=6>
b=<input type="text" id="b" size=6>
c=<input type="text" id="c" size=6>

<input type="button" value="draw" onclick="getGraph()">

<span id="fxgraph"></span>

</body>
</html>