rurihabachi
English Home



Home

数式ツール



> Web API <

使い方(共通)

数値計算
xの関数
xの関数-グラフ
関数の微分



お問い合わせ









xの関数のグラフ Web API

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

  » この数値計算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>


Copyright (C) 2011-2019 rurihabachi. All rights reserved.