グラフ

==新しいグラフの追加方法==

メニューバーの「挿入」(Insert)項目からプルダウンして2D/3Dグラフを追加できます。:

{{{{Insert > Plot > 2D / 3D

[image|add new graph|{UP}graphs/wiki-01-01.png]}}}}

{{{{ショートカットキー：&#64;のキー入力で直接2Dグラフが追加されます。}}}}

下図のように空のグラフが追加されます:

{{{{[image|empty graphs|{UP}graphs/wiki-01-02.png]}}}}

==数式のプロット==

プロットしようとする数式の変数は下記とする必要があります：

* 2Dグラフの場合：　'''x'''
* 3Dグラフの場合：　'''x''' and/or '''y'''
* [アニメーション|2D 、3Dグラフをアニメーション]する場合：　'''t''' 

{{{{注：変数は大文字と小文字の区別されます（xはXとは異なります）}}}}

数式をプロットするには複数の方法があります:

{{{{プロットウインドウ上で直接、数式を指定

[image|single equation - direct input|{UP}graphs/wiki-02-01.png]}}}}

{{{{プロットウインドウ外で数式を組立て、間接的に数式を指定

[image|single equation - indirect input|{UP}graphs/wiki-02-02.png]}}}}

==行列のプロット==

[Matrices|行列]から図をプロットすることができます（直接または間接的に）:

* 2Dグラフの場合：　2列の行列
* 3Dグラフの場合：　3列の行列
　　　各列がグラフのx,y,zの座標に対応します。
{{{{[image|single equation - matrices|{UP}graphs/wiki-03-01.png]}}}}

==複数のグラフのプロット==

Functions [Toolbox|toolbox]上にある[Multiple values|Multiple values item]を使って、同一グラフ上に複数の式／行列をプロットできます。:

{{{{[image|multiple equations/matrices - example|{UP}graphs/wiki-04-01.png]}}}}

各グラフは、異なる色になります（6色：青、赤、緑、マゼンタ、オレンジ、茶色の順序で循環して割り当てられます）

{{{{[image|multiple equations/matrices - colours|{UP}graphs/wiki-04-02.png]}}}}

==特別なプロット（文字、点など）==

グラフ上に単語や文字（文字列）をプロットできます。;

{{{{[image|special plots|{UP}graphs/wiki-05-01.png]}}}}

* 特殊文字+ . * o x（大文字と小文字が区別されます）は指定座標の中央に配置されます。

* 単語、フレーズ、非特殊文字は、指定した座標が（仮想の）テキストボックスの左上隅となるよう配置されます。

* Web形式（＃6699CCなど）や色名を使って、多くの色を使うことができます。利用可能な色の完全なリストは、次のとおりです。（スペースや大文字も混入可）

{{{{<!--PLEASE GROUP COLORS BY NAME-->
aliceblue, antiquewhite, aqua, aquamarine, azure,

beige, bisque, blanchedalmond, black, blue, blueviolet, brown, burlywood,

cadetblue, chartreuse, chocolate, coral, cornflowerblue, cornsilk, crimson, cyan,

darkblue, darkcyan, darkgoldenrod, darkgray, darkgreen, darkkhaki, darkmagenta, darkolivegreen, darkorange, darkorchid, darkred,
darksalmon, darkseagreen, darkslateblue, darkslategray, darkturquoise, darkviolet, deeppink, deepskyblue, dimgray, dodgerblue,

firebrick, floralwhite, forestgreen, fuchsia,

gainsboro, ghostwhite, gold, goldenrod, gray, green, greenyellow,

honeydew, hotpink,

indianred, indigo, ivory,

khaki,

lavender, lavenderblush, lawngreen, lemonchiffon, lightblue, lightcoral, lightcyan, lightgoldenrodyellow, lightgray, lightgreen,
lightpink, lightsalmon, lightseagreen, lightskyblue, lightslategray, lightsteelblue, lightyellow, lime, limegreen, linen,

magenta, maroon, mediumaquamarine, mediumblue, mediumorchid, mediumpurple, mediumseagreen, mediumslateblue, mediumspringgreen,
mediumturquoise, mediumvioletred, midnightblue, mintcream, mistyrose, moccasin,

navajowhite, navy,

oldlace, olive, olivedrab, orange, orangered, orchid,

palegoldenrod, palegreen, paleturquoise, palevioletred, papayawhip, peachpuff, peru, pink, plum, powderblue, purple,

red, rosybrown, royalblue,

saddlebrown, salmon, sandybrown, seagreen, seashell, sienna, silver, skyblue, slateblue, slategray, snow, springgreen, steelblue,

tan, teal, thistle, tomato, turquoise,

violet,

wheat, white, whitesmoke,

yellow, yellowgreen
}}}}

{{{{NOTE(1): You can use darkblue, DarkBlue, Dark Blue (recommended), DARKBLUE, D a R k B l U e ant etc...
::::   all spaces will be removed and color name will be converted to lower case chars.}}}}

{{{{NOTE(2): You can use number instead of color name as well.

Number composing rule is a bit complex, but it is similar with web-colors: color represented as a hexadecimal number where
- first pair is opacity;
- second pair is a Red Component;
- third pair is a Green Component;
- fourth pair is a Blue Component;
For example FF00FF00 is a full-opacity Green color (FF 00 FF 00).

When you have a hexadecimal number you need to convert it to decimal number to use it in SMath Studio.
There are snippets to make easy this conversion ([#color snippets|see References]).

Note that because of the maximum 32-bit integer is 2147483647 (0xFFFFFFFF/2) and FF00FF00 = 4278255360 (i.e. greater then the max. integer),
then Green is FF00FF00-0xFFFFFFFF-1=-16711936.
}}}}

==Animated plots==

[アニメーション]を参照。

{{{{[image|animated plot|{UP}graphs/wiki-06-01.gif]}}}}

==Plot handling==

''[under construction]''

[image|plot handling - toolbox|{UP}graphs/wiki-07-01.png]

[image|plot handling - mouse|{UP}graphs/wiki-07-02.png]


Zooming is done with the zoom tool. If you roll your mouse wheel it zooms both axes together. If you hold 'control' at the same time it just zooms the vertical axis, and if you use 'shift' and the mouse wheel it zooms the horizontal axis.

==参考==

チュートリアルと実例:

* Graphs Basics ([{UP}Tutorials%2fGraphsBasics10152010.pdf|PDF]|[{UP}Tutorials%2fGraphsBasics10152010.zip|zip])

* [{UP}Tutorials%2fSMathStudioGraphs2%263DExamples.pdf|Examples of 2D & 3D graphs v0.85 (pdf)]

[anchor|#color snippets]カラースニペット(色の取り扱いを支援する):

* [{UP}graphs%2fwebColors.zip|Color Snippet (hexadecimal with alpha channel)]

* [{UP}graphs%2fRGBcolor.zip|Color Snippet (RGB with 0-255 alpha channel)]

* [{UP}graphs%2fRGB-RGBA colors.zip|Color Snippet (RGB and RGBA with CSS3 compatible behavior)]