JSXGraph 绘图画廊
JSXGraph 是本站唯一的数学/信号绘图引擎，按需加载完整版 jsxgraphcore.js@1.9.2。本页把博客里常用的绘图类型集中演示一遍，每个图都可以拖动、缩放（按住 Shift + 滚轮），交互图还能拖滑块。源码可直接复制到自己的文章里使用。
使用须知
- 三个可用变量：代码块里可直接用
el（目标 DOM）、JXG（全局对象）、figure（外层 figure），不要假设其它全局可用。 - boundingbox 顺序：
[xmin, ymax, xmax, ymin]，y 是先大后小，不要写反。 - 图内不写 LaTeX：runtime 不保证图内 MathJax 就绪，复杂公式写到图外正文。
最基础的绘图，画 sin、sinc、指数衰减、正态密度等连续函数。
图 1：sinc 函数，用条件表达式处理 x=0 的可去间断点。
单个 functiongraph + 条件表达式即可画阶跃、矩形窗、三角波等分段函数。
图 2：蓝色为单位阶跃 u(t)，橙色虚线为矩形窗。
用 segment 画茎、point 画样值点，循环范围放大到 ±500 保证缩放后仍连续。
图 3：离散序列。茎用 segment，样值点用 point。
δ(t) 不是普通函数，用带箭头的 segment 表示冲激。
图 4：冲激用 lastArrow 表示理想强度。
滑块控制函数参数，实时重绘。拖动顶部的 n 滑块改变频率。
图 5：滑块交互。slider 放在专门留白带，不压主曲线。
点、线、圆、交点、切线、法线，适合几何与解析几何笔记。
图 6：拖动 A、B 改变直线，交点 P、Q 实时更新。
用参数方程画圆、椭圆、螺线、利萨茹图形等。
图 7：参数曲线，频率比 3:2 的利萨茹图形。
离散数据柱状图。chartStyle 还支持 line / point / pie / spline / radar。
图 8：柱状图。柱/雷达用 colorArray 配色，饼图用 colors。
可视化定积分与数值积分逼近，教学场景常用。
图 9：蓝色为定积分面积，橙色为 8 段左黎曼和。
配合 tangent + glider 直观展示导数。拖动 P 看切线斜率随位置变化。
图 10：拖动 P 点，切线与斜率三角形实时更新。
angle 标注角并画弧，polygon 画多边形区域，sector 画扇形。
图 11：拖动顶点，角度与扇形区域随之变化。
给一条直线/函数的上方或下方着色，画可行域、收敛域等。
图 12：inverse:false 着色直线下方，true 着色上方。