# JSXGraph 1.11.1 Reference

## JavaScript must be enabled in order for you to use JSXGraph and JSXGraph reference. However, it seems JavaScript is either disabled or not supported by your browser.

Class Index | File Index

Elements

- Angle
- Arc
- Arrow
- Arrowparallel
- Axes3D
- Axis
- Axis3D
- Bisector
- Bisectorlines
- Boxplot
- Button
- Cardinalspline
- Chart
- Checkbox
- Circle
- Circle3D
- Circumcenter
- Circumcircle
- CircumcircleArc
- CircumcircleSector
- Comb
- Conic
- Curve
- Curve3D
- CurveDifference
- CurveIntersection
- CurveUnion
- Derivative
- Ellipse
- Face3D
- ForeignObject
- Functiongraph
- Functiongraph3D
- Glider
- Grid
- Group
- Hatch
- Hyperbola
- Image
- ImplicitCurve
- Incenter
- Incircle
- Inequality
- Input
- Integral
- Intersection
- IntersectionCircle3D
- IntersectionLine3D
- Label
- Legend
- Line
- Line3D
- MajorArc
- MajorSector
- Measurement
- Mesh3D
- Metapostspline
- Midpoint
- MinorArc
- MinorSector
- MirrorElement
- MirrorPoint
- NonReflexAngle
- Normal
- Orthogonalprojection
- OtherIntersection
- Parabola
- Parallel
- Parallelogram
- Parallelpoint
- ParametricSurface3D
- Perpendicular
- PerpendicularPoint
- PerpendicularSegment
- Plane3D
- Point
- Point3D
- PolarLine
- PolePoint
- Polygon
- Polygon3D
- PolygonalChain
- Polyhedron3D
- RadicalAxis
- Reflection
- ReflexAngle
- RegularPolygon
- Riemannsum
- Sector
- Segment
- Semicircle
- Slider
- Slopefield
- Slopetriangle
- Smartlabel
- Sphere3D
- Spline
- Stepfunction
- Tangent
- TangentTo
- Tapemeasure
- Text
- Text3D
- Ticks
- Ticks3D
- Tracecurve
- Transformation
- Transformation3D
- Turtle
- Vectorfield
- Vectorfield3D
- View3D

Classes

- _global_
- JXG
- JXG.AbstractRenderer
- JXG.Board
- JXG.Board.infobox
- JXG.C
- JXG.CA
- JXG.CanvasRenderer
- JXG.Chart
- JXG.Circle
- JXG.Circle3D
- JXG.Complex
- JXG.Composition
- JXG.Coords
- JXG.CoordsElement
- JXG.Curve
- JXG.Curve3D
- JXG.Dump
- JXG.EventEmitter
- JXG.Expect
- JXG.Face3D
- JXG.ForeignObject
- JXG.GeometryElement
- JXG.GeometryElement3D
- JXG.GeonextParser
- JXG.Group
- JXG.Image
- JXG.JessieCode
- JXG.JSXGraph
- JXG.Legend
- JXG.Line
- JXG.Line3D
- JXG.Math
- JXG.Math.BoxQuadtree
- JXG.Math.Clip
- JXG.Math.Extrapolate
- JXG.Math.Geometry
- JXG.Math.ImplicitPlot
- JXG.Math.IntervalArithmetic
- JXG.Math.Metapost
- JXG.Math.Nlp
- JXG.Math.Numerics
- JXG.Math.Plot
- JXG.Math.Poly
- JXG.Math.Poly.Monomial
- JXG.Math.Poly.Polynomial
- JXG.Math.Poly.Ring
- JXG.Math.ProbFuncs
- JXG.Math.Quadtree
- JXG.Math.Statistics
- JXG.NoRenderer
- JXG.Options
- JXG.Plane3D
- JXG.Point
- JXG.Point3D
- JXG.Polygon
- JXG.Polygon3D
- JXG.PrefixParser
- JXG.Sphere3D
- JXG.Surface3D
- JXG.SVGRenderer
- JXG.Text
- JXG.Text3D
- JXG.Ticks
- JXG.Transformation
- JXG.Turtle
- JXG.Util
- JXG.Util.Base64
- JXG.Util.Unzip
- JXG.Util.UTF8
- JXG.View3D
- JXG.VMLRenderer
- JXG.XML

# Element Text

JXG.CoordsElement,JXG.GeometryElement
↳ JXG.Text
↳ Text

Constructs a text element. The coordinates can either be absolute (i.e. respective to the coordinate system of the board) or be relative to the coordinates of an element given in Text#anchor.

HTML, MathJaX, KaTeX and GEONExT syntax can be handled.

There are two ways to display texts:

- using the text element of the renderer (canvas or svg). In most cases this is the suitable approach if speed matters. However, advanced rendering like MathJax, KaTeX or HTML/CSS are not possible.
- using HTML <div>. This is the most flexible approach. The drawback is that HTML can only be display "above" the geometry elements. If HTML should be displayed in an inbetween layer, conder to use an element of type ForeignObject (available in svg renderer, only).

Defined in: text.js.
Extends JXG.Text.

Element Summary
Constructor Attributes | Constructor Name and Description
--- | ---
| Text

Attributes Summary
Field Attributes | Field Name and Description
--- | ---
| anchor Anchor element Point, Text or Image of the text.
| anchorX The horizontal alignment of the text.
| anchorY The vertical alignment of the text.
| attractors List of attractor elements.
| cssClass Apply CSS classes to the text in non-highlighted view.
| cssDefaultStyle Default CSS properties of the HTML text element.
| cssStyle CSS properties of the HTML text element.
| digits Used to round texts given by a number.
| display Determines the rendering method of the text.
| dragArea Sensitive area for dragging the text.
| fontSize The font size in pixels.
| fontUnit CSS unit for the font size of a text element.
| formatNumber If the text content is solely a number and this attribute is true (default) then the number is either formatted according to the number of digits given by the attribute 'digits' or converted into a fraction if 'toFraction' is true.
| highlightCssClass Apply CSS classes to the text in highlighted view.
| highlightCssDefaultStyle Default CSS properties of the HTML text element in case of highlighting.
| highlightCssStyle CSS properties of the HTML text element in case of highlighting.
| intl Internationalization support for texts consisting of a number only.
| isLabel If enabled, the text will be handled as label.
| katexMacros Object or function returning an object that contains macros for KaTeX.
| parse If set to true, the text is parsed and evaluated.
| rotate Text rotation in degrees.
| snapSizeX Defines together with Text#snapSizeY the grid the text snaps on to.
| snapSizeY Defines together with Text#snapSizeX the grid the text snaps on to.
| toFraction Display number as integer + nominator / denominator.
| useASCIIMathML If true, the input will be given to ASCIIMathML before rendering.
| useCaja If set to true and caja's sanitizeHTML function can be found it will be used to sanitize text output.
| useKatex If true, KaTeX will be used to render the input string.
| useMathJax If true, MathJax will be used to render the input string.
| visible

Methods borrowed from class JXG.Text:
  _createFctUpdateText, _setText, bounds, checkForSizeUpdate, convertGeonext2CSS, convertGeonextAndSketchometry2CSS, convertSketchometry2CSS, crudeSizeEstimate, escapeTicks, expandShortMath, generateTerm, getAnchorX, getAnchorY, getNumberOfConflicts, getSize, hasPoint, notifyParents, poorMansTeX, replaceSub, replaceSup, setAutoPosition, setCoords, setText, setTextJessieCode, unescapeTicks, update, updateRenderer, updateSize, updateText, utf8_decode, valueTagToJessieCode
Methods borrowed from class JXG.GeometryElement:
  _set, addChild, addDescendants, addParents, addParentsFromJCFunctions, addRotation, addTicks, addTransform, animate, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, eval, evalVisProp, formatNumberLocale, fullUpdate, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getParents, getProperty, getSnapSizes, getTextAnchor, getType, handleSnapToGrid, hide, hideElement, noHighlight, normalize, prepareUpdate, remove, removeAllTicks, removeChild, removeDescendants, removeTicks, resolveShortcuts, setArrow, setAttribute, setDash, setDisplayRendNode, setLabel, setLabelText, setName, setParents, setPosition, setPositionDirectly, setProperty, show, showElement, snapToPoints, updateVisibility, useLocale
Methods borrowed from class JXG.CoordsElement:
  _anim, addAnchor, addConstraint, Coords, Dist, findClosestSnapValue, free, handleAttractors, handleSnapToPoints, makeGlider, moveAlong, moveAlongES6, moveTo, moveToES6, popSlideObject, setGliderPosition, setPositionByTransform, updateConstraint, updateCoords, updateGlider, updateGliderFromParent, updateTransform, visit, visitES6, X, XEval, Y, YEval, Z, ZEval

Events borrowed from class JXG.GeometryElement:
  attribute, attribute:key, down, drag, keydrag, mousedown, mousedrag, mousemove, mouseout, mouseover, mouseup, move, out, over, pendown, pendrag, penup, touchdown, touchdrag, touchup, up

Element Detail
Text

This element has no direct constructor. To create an instance of this element you have to call JXG.Board#create with type "text".
Possible parent array combinations are:
{number|function} z Optional
{number|function} x
{number|function} y
{String|function} str
  Parent elements for text elements.

  Parent elements can be two or three elements of type number, a string containing a GEONExT constraint, or a function which takes no parameter and returns a number. Every parent element beside the last determines one coordinate. If a coordinate is given by a number, the number determines the initial position of a free text. If given by a string or a function that coordinate will be constrained that means the user won't be able to change the texts's position directly by mouse because it will be calculated automatically depending on the string or the function's return value. If two parent elements are given the coordinates will be interpreted as 2D affine Euclidean coordinates, if three such parent elements are given they will be interpreted as homogeneous coordinates.

  The text to display may be given as string or as function returning a string. There is the attribute 'display' which takes the values 'html' or 'internal'. In case of 'html' an HTML division tag is created to display the text. In this case it is also possible to use MathJax, KaTeX, or ASCIIMathML. If neither of these is used, basic Math rendering is applied.

  In case of 'internal', an SVG text element is used to display the text.

See:
  JXG.Text

Examples:

    // Create a fixed text at position [0,1].
      var t1 = board.create('text',[0,1,"Hello World"]);

    // Create a variable text at a variable position.
      var s = board.create('slider',[[0,4],[3,4],[-2,0,2]]);
      var graph = board.create('text',
                           [function(x){ return s.Value();}, 1,
                            function(){return "The value of s is"+JXG.toFixed(s.Value(), 2);}
                           ]
                        );

    // Create a text bound to the point A
    var p = board.create('point',[0, 1]),
        t = board.create('text',[0, -1,"Hello World"], {anchor: p});

Attribute Detail
{Object} anchor
Anchor element Point, Text or Image of the text. If it exists, the coordinates of the text are relative to this anchor element. In this case, only numbers are possible coordinates, functions are not supported.
Defined in: options.js.

Default Value:
  null

{String} anchorX
The horizontal alignment of the text. Possible values include `'auto'`, `'left'`, `'middle'`, and `'right'`.
Defined in: options.js.

Default Value:
  'left'

{String} anchorY
The vertical alignment of the text. Possible values include `'auto`, `'top'`, `'middle'`, and `'bottom'`. For MathJax or KaTeX, 'top' is recommended.
Defined in: options.js.

Default Value:
  'middle'

{Array} attractors
List of attractor elements. If the distance of the text is less than attractorDistance the text is made to glider of this element.
Defined in: options.js.

Default Value:
  empty

{String} cssClass
Apply CSS classes to the text in non-highlighted view. It is possible to supply one or more CSS classes separated by blanks.
Defined in: options.js.

See:
  Text#highlightCssClass
  Image#cssClass
  JXG.GeometryElement#cssClass

Default Value:
  'JXGtext'

{String} cssDefaultStyle
Default CSS properties of the HTML text element.

The CSS properties which are set here, are handed over to the style property of the HTML text element. That means, they have higher property than any CSS class.

If a property which is set here should be overruled by a CSS class then this property should be removed here.

The reason, why this attribute should be kept to its default value at all, is that screen dumps of SVG boards with `board.renderer.dumpToCanvas()` will ignore the font-family if it is set in a CSS class. It has to be set explicitly as style attribute.

In summary, the order of priorities (specificity) from high to low is

1. JXG.Options.text.cssStyle
2. JXG.Options.text.cssDefaultStyle
3. JXG.Options.text.cssClass

Defined in: options.js.

    If all texts should get its font-family from the default CSS class
    before initializing the board

      JXG.Options.text.cssDefaultStyle = '';
      JXG.Options.text.highlightCssDefaultStyle = '';

    should be called.

See:
  Text#highlightCssDefaultStyle
  Text#cssStyle
  Text#highlightCssStyle

Default Value:
  'font-family: Arial, Helvetica, Geneva, sans-serif;'

{String} cssStyle
CSS properties of the HTML text element.

The CSS properties which are set here, are handed over to the style property of the HTML text element. That means, they have higher property (specificity) han any CSS class.
Defined in: options.js.

See:
  Text#cssDefaultStyle
  Text#highlightCssDefaultStyle
  Text#highlightCssStyle

Default Value:
  ''

{Number} digits
Used to round texts given by a number.
Defined in: options.js.

Default Value:
  2

{String} display
Determines the rendering method of the text. Possible values include `'html'` and `'internal`.
Defined in: options.js.

Default Value:
  'html'

{String} dragArea
Sensitive area for dragging the text. Possible values are 'all', or something else. If set to 'small', a sensitivity margin at the right and left border is taken. This may be extended to left, right, ... in the future.
Defined in: options.js.

Default Value:
  'all'

{Number} fontSize
The font size in pixels.
Defined in: options.js.

See:
  Text#fontUnit

Default Value:
  12

{String} fontUnit
CSS unit for the font size of a text element. Usually, this will be the default value 'px' but for responsive application, also 'vw', 'vh', vmax', 'vmin' or 'rem' might be useful.
Defined in: options.js.

    var txt = board.create('text', [2, 2, "hello"], {fontSize: 8, fontUnit: 'vmin'});

See:
  Text#fontSize

Default Value:
  'px'

{Boolean} formatNumber
If the text content is solely a number and this attribute is true (default) then the number is either formatted according to the number of digits given by the attribute 'digits' or converted into a fraction if 'toFraction' is true.

Otherwise, display the raw number.
Defined in: options.js.

Default Value:
  false

{String} highlightCssClass
Apply CSS classes to the text in highlighted view. It is possible to supply one or more CSS classes separated by blanks.
Defined in: options.js.

See:
  Text#cssClass
  Image#highlightCssClass
  JXG.GeometryElement#highlightCssClass

Default Value:
  'JXGtext'

{String} highlightCssDefaultStyle
Default CSS properties of the HTML text element in case of highlighting.

The CSS properties which are set here, are handed over to the style property of the HTML text element. That means, they have higher property than any CSS class.
Defined in: options.js.

    If all texts should get its font-family from the default CSS class
    before initializing the board

      JXG.Options.text.cssDefaultStyle = '';
      JXG.Options.text.highlightCssDefaultStyle = '';

    should be called.

See:
  Text#cssDefaultStyle
  Text#cssStyle
  Text#highlightCssStyle

Default Value:
  'font-family: Arial, Helvetica, Geneva, sans-serif;'

{String} highlightCssStyle
CSS properties of the HTML text element in case of highlighting.

The CSS properties which are set here, are handed over to the style property of the HTML text element. That means, they have higher property (specificity) than any CSS class.
Defined in: options.js.

See:
  Text#cssDefaultStyle
  Text#highlightCssDefaultStyle
  Text#cssStyle

Default Value:
  ''

{object} intl
Internationalization support for texts consisting of a number only.

Setting the local overwrites the board-wide locale set in the board attributes. The JSXGraph attribute digits is overruled by the Intl attributes "minimumFractionDigits" and "maximumFractionDigits". See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat for more information about possible options.

See below for an example where the text is composed from a string and a locale formatted number.
Defined in: options.js.

    var t = board.create('text', [1, 2, -Math.PI*100], {
            digits: 2,
            intl: {
                    enabled: true,
                    options: {
                        style: 'unit',
                        unit: 'celsius'
                    }
                }
        });

    var t = board.create('text', [0.05, -0.2, ''], {
        intl: {
            enabled: true,
            locale: 'it-IT',
            options: {
                style: 'unit',
                unit: 'kilometer-per-hour',
                unitDisplay: 'narrow',
                maximumFractionDigits: 2
            }
        }
    });

    // Set dynamic text consisting of text and number.
    t.setText(function() {
        var txt = 'Speed: ',
            number = t.X();

        // Add formatted number to variable txt
        // with fallback if locale is not supported.
        if (t.useLocale()) {
            txt += t.formatNumberLocale(number);
        } else {
            txt += JXG.toFixed(number, 2);
        }
        return txt;
    });

See:
  JXG.Board#intl

Default Value:

      {
         enabled: 'inherit',
         options: {
           minimumFractionDigits: 0,
           maximumFractionDigits: 2
         }
      }

{Boolean} isLabel
If enabled, the text will be handled as label. Intended for internal use.
Defined in: options.js.

Default Value:
  false

{Object} katexMacros
Object or function returning an object that contains macros for KaTeX.
Defined in: options.js.

    // to globally apply macros to all text elements use:
    JXG.Options.text.katexMacros = {'\\jxg': 'JSXGraph is awesome'};

    const board = JXG.JSXGraph.initBoard('jxgbox', {
        boundingbox: [-2, 5, 8, -5], axis:true
    });

    // This macro only get applied to the p ('text') element
    var p = board.create('text', [1, 0, '\\jsg \\sR '], { katexMacros: {'\\sR':'\\mathbb{R}'} });

Default Value:
  `{}`

{Boolean} parse
If set to true, the text is parsed and evaluated. For labels parse==true results in converting names of the form k_a to subscripts. If the text is given by string and parse==true, the string is parsed as JessieCode expression.
Defined in: options.js.

Default Value:
  true

{Number} rotate
Text rotation in degrees. Works for non-zero values only in combination with display=='internal'.
Defined in: options.js.

Default Value:
  0

{Number} snapSizeX
Defines together with Text#snapSizeY the grid the text snaps on to. The text will only snap on integer multiples to snapSizeX in x and snapSizeY in y direction. If this value is equal to or less than `0`, it will use the grid displayed by the major ticks of the default ticks of the default x axes of the board.
Defined in: options.js.

See:
  Point#snapToGrid
  Text#snapSizeY
  JXG.Board#defaultAxes

Default Value:
  1

{Number} snapSizeY
Defines together with Text#snapSizeX the grid the text snaps on to. The text will only snap on integer multiples to snapSizeX in x and snapSizeY in y direction. If this value is equal to or less than `0`, it will use the grid displayed by the major ticks of the default ticks of the default y axes of the board.
Defined in: options.js.

See:
  Point#snapToGrid
  Text#snapSizeX
  JXG.Board#defaultAxes

Default Value:
  1

{Boolean} toFraction
Display number as integer + nominator / denominator. Works together with MathJax, KaTex or as plain text.
Defined in: options.js.

     board.create('text', [2, 2, 2 / 7], { anchorY: 'top', toFraction: true, useMathjax: true });
     board.create('text', [2, -2, 2 / 19], { toFraction: true, useMathjax: false });

See:
  JXG#toFraction

Default Value:
  false

{Boolean} useASCIIMathML
If true, the input will be given to ASCIIMathML before rendering.
Defined in: options.js.

Default Value:
  false

{Boolean} useCaja
If set to true and caja's sanitizeHTML function can be found it will be used to sanitize text output.
Defined in: options.js.

Default Value:
  false

{Boolean} useKatex
If true, KaTeX will be used to render the input string. For this feature, katex.min.js and katex.min.css have to be included.

The example below does not work, because there is a conflict with the MathJax library which is used below.

Defined in: options.js.

    JXG.Options.text.useKatex = true;

    const board = JXG.JSXGraph.initBoard('jxgbox', {
        boundingbox: [-2, 5, 8, -5], axis:true
    });

    var a = board.create('slider',[[-0.7,1.5],[5,1.5],[0,0.5,1]], {
        suffixlabel:'t_1=',
        unitLabel: ' \\text{ ms}',
        snapWidth:0.01});

    func = board.create('functiongraph',[function(x){return (a.Value()*x*x)}], {strokeColor: "red"});
    text1 = board.create('text', [5, 1, function(){
                return 'a(t)= { 1 \\over ' + a.Value().toFixed(3) + '}';
            }], {fontSize: 15, fixed:true, strokeColor:'red', anchorY: 'top'});

Default Value:
  false

{Boolean} useMathJax
If true, MathJax will be used to render the input string. Supports MathJax 2 as well as Mathjax 3. It is recommended to use this option together with the option "parse: false". Otherwise, 4 backslashes (e.g. \\\\alpha) are needed instead of two (e.g. \\alpha).
Defined in: options.js.

     // Before loading MathJax, it has to be configured something like this:
    window.MathJax = {
      tex: {
        inlineMath: [ ['$','$'], ["\\(","\\)"] ],
        displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
        packages: ['base', 'ams']
      },
      options: {
        ignoreHtmlClass: 'tex2jax_ignore',
        processHtmlClass: 'tex2jax_process'
      }
    };

    // Display style
    board.create('text',[ 2,2,  function(){return '$$X=\\frac{2}{x}$$'}], {
        fontSize: 15, color:'green', useMathJax: true});

    // Inline style
    board.create('text',[-2,2,  function(){return '$X_A=\\frac{2}{x}$'}], {
        fontSize: 15, color:'green', useMathJax: true});

    var A = board.create('point', [-2, 0]);
    var B = board.create('point', [1, 0]);
    var C = board.create('point', [0, 1]);

    var graph = board.create('ellipse', [A, B, C], {
            fixed: true,
            withLabel: true,
            strokeColor: 'black',
            strokeWidth: 2,
            fillColor: '#cccccc',
            fillOpacity: 0.3,
            highlightStrokeColor: 'red',
            highlightStrokeWidth: 3,
            name: '$1=\\frac{(x-h)^2}{a^2}+\\frac{(y-k)^2}{b^2}$',
            label: {useMathJax: true}
        });

    var nvect1 = board.create('text', [-4, -3, '\\[\\overrightarrow{V}\\]'],
    {
      fontSize: 24, parse: false
    });
    var nvect1 = board.create('text', [-2, -4, function() {return '$\\overrightarrow{G}$';}],
    {
      fontSize: 24, useMathJax: true
    });

    // Load MathJax:
    // <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"<</script>

    // function and its derivative
    var f1 = function(x) { return x * x * x; },
    graph1 = board.create('functiongraph', [f1, -0.1, 1.1]),

    A = board.create('glider', [0.5, f1(0.5), graph1], {
                name: 'f(x)',
                color: 'black',
                face:'x',
                fixed: true,
                size: 3,
                label: {offset: [-30, 10], fontSize: 15}
            }),
    B = board.create('glider', [0.7, f1(0.7), graph1], {
                name: 'f(x+Δx)',
                size: 3,
                label: {offset: [-60, 10], fontSize: 15}
            }),

    secant_line = board.create('line', [A,B],{dash: 1, color: 'green'}),
    a_h_segment = board.create('segment', [A, [
                        function(){ return B.X() > A.X() ? B.X() : A.X()},
                        function(){ return B.X() > A.X() ? A.Y() : B.Y()}
                    ]],{ name: 'Δx', dash: 1, color: 'black'});

    b_v_segment = board.create('segment', [B, [
                        function(){ return B.X() > A.X() ? B.X() : A.X()},
                        function(){ return B.X() > A.X() ? A.Y() : B.Y()}
                    ]],{ name: 'Δy', dash: 1, color: 'black'}),

    ma = board.create('midpoint', [a_h_segment.point1, a_h_segment.point2
        ], {visible: false});

    board.create('text', [0, 0, function() {return '\\[\\Delta_x='+(B.X()-A.X()).toFixed(4)+'\\]'}], {
        anchor: ma, useMathJax: true, fixed: true, color: 'green', anchorY: 'top'
    });

    mb = board.create('midpoint', [b_v_segment.point1, b_v_segment.point2], {visible: false});
    board.create('text', [0, 0, function() {return '\\[\\Delta_y='+(B.Y()-A.Y()).toFixed(4)+'\\]'}], {
        anchor: mb, useMathJax: true, fixed: true, color: 'green'
    });

    dval = board.create('text',[0.1, 0.8,
        function(){
            return '\\[\\frac{\\Delta_y}{\\Delta_x}=\\frac{' + ((B.Y()-A.Y()).toFixed(4)) + '}{' + ((B.X()-A.X()).toFixed(4)) +
                '}=' + (((B.Y()-A.Y()).toFixed(4))/((B.X()-A.X()).toFixed(4))).toFixed(4) + '\\]';
        }],{fontSize: 15, useMathJax: true});

    var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-1, 10, 11, -2], axis: true});
    board.options.text.useMathjax = true;

    a = board.create('slider',[[-0.7,1.5],[5,1.5],[0,0.5,1]], {
        suffixlabel:'\\(t_1=\\)',
        unitLabel: ' \\(\\text{ ms}\\)',
        snapWidth:0.01}),

    func = board.create('functiongraph',[function(x){return (a.Value()*x*x)}], {strokeColor: "red"});
    text1 = board.create('text', [5, 1, function(){
                return '\\(a(t)= { 1 \\over ' + a.Value().toFixed(3) + '}\\)';
            }], {fontSize: 15, fixed:true, strokeColor:'red', anchorY: 'top', parse: false});

See:
  Text#parse

Default Value:
  false

{Boolean} visible
Defined in: options.js.

Default Value:
  true

Attributes borrowed from other Elements

Attributes borrowed from class JXG.GeometryElement:
  aria, dash, dashScale, draft, dragToTopOfLayer, element3D, fillColor, fillOpacity, fixed, frozen, gradient, gradientAngle, gradientCX, gradientCY, gradientEndOffset, gradientFR, gradientFX, gradientFY, gradientR, gradientSecondColor, gradientSecondOpacity, gradientStartOffset, highlight, highlightFillColor, highlightFillOpacity, highlightStrokeColor, highlightStrokeOpacity, highlightStrokeWidth, layer, lineCap, needsRegularUpdate, nonnegativeOnly, precision, priv, rotatable, scalable, shadow, snapToGrid, strokeColor, strokeOpacity, strokeWidth, tabindex, trace, traceAttributes, transitionDuration, transitionProperties, withLabel

Fields borrowed from other Elements

Fields borrowed from class JXG.Text:
  size
Fields borrowed from class JXG.GeometryElement:
  _org_type, _pos, ancestors, baseElement, board, childElements, descendants, dump, elementClass, elType, hasLabel, highlighted, id, inherits, isDraggable, isReal, lastDragTime, methodMap, mouseover, name, needsUpdate, notExistingParents, numTraces, parents, quadraticform, rendNode, stdform, subs, symbolic, traces, transformations, type, visProp, visPropCalc
Fields borrowed from class JXG.CoordsElement:
  coords, groups, isConstrained, needsUpdateFromParent, onPolygon, position, slideObject, slideObjects

Methods borrowed from other Elements

Methods borrowed from class JXG.Text:
  _createFctUpdateText, _setText, bounds, checkForSizeUpdate, convertGeonext2CSS, convertGeonextAndSketchometry2CSS, convertSketchometry2CSS, crudeSizeEstimate, escapeTicks, expandShortMath, generateTerm, getAnchorX, getAnchorY, getNumberOfConflicts, getSize, hasPoint, notifyParents, poorMansTeX, replaceSub, replaceSup, setAutoPosition, setCoords, setText, setTextJessieCode, unescapeTicks, update, updateRenderer, updateSize, updateText, utf8_decode, valueTagToJessieCode
Methods borrowed from class JXG.GeometryElement:
  _set, addChild, addDescendants, addParents, addParentsFromJCFunctions, addRotation, addTicks, addTransform, animate, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, eval, evalVisProp, formatNumberLocale, fullUpdate, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getParents, getProperty, getSnapSizes, getTextAnchor, getType, handleSnapToGrid, hide, hideElement, noHighlight, normalize, prepareUpdate, remove, removeAllTicks, removeChild, removeDescendants, removeTicks, resolveShortcuts, setArrow, setAttribute, setDash, setDisplayRendNode, setLabel, setLabelText, setName, setParents, setPosition, setPositionDirectly, setProperty, show, showElement, snapToPoints, updateVisibility, useLocale
Methods borrowed from class JXG.CoordsElement:
  _anim, addAnchor, addConstraint, Coords, Dist, findClosestSnapValue, free, handleAttractors, handleSnapToPoints, makeGlider, moveAlong, moveAlongES6, moveTo, moveToES6, popSlideObject, setGliderPosition, setPositionByTransform, updateConstraint, updateCoords, updateGlider, updateGliderFromParent, updateTransform, visit, visitES6, X, XEval, Y, YEval, Z, ZEval

Events borrowed from other Elements

Events borrowed from class JXG.GeometryElement:
  attribute, attribute:key, down, drag, keydrag, mousedown, mousedrag, mousemove, mouseout, mouseover, mouseup, move, out, over, pendown, pendrag, penup, touchdown, touchdrag, touchup, up

Documentation generated by JsDoc Toolkit 2.4.0 on Fri Apr 04 2025 09:22:42 GMT+0200 (Mitteleuropäische Sommerzeit)