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

Classes


Element Boxplot

JXG.GeometryElement
   ↳ JXG.Curve
         ↳ Boxplot

Box plot curve. The direction of the box plot can be either vertical or horizontal which is controlled by the attribute "dir".

Defined in: curve.js.
Extends JXG.Curve.

Element Summary
Constructor Attributes Constructor Name and Description
 
Attributes Summary
Field Attributes Field Name and Description
 
dir
Direction of the box plot: 'vertical' or 'horizontal'
 
Relative width of the maximum and minimum quantile
Methods borrowed from class JXG.Curve:
addTransform, allocatePoints, generateTerm, getTransformationSource, hasPoint, interpolationFunctionFromArray, maxX, minX, moveTo, notifyParents, update, updateCurve, updateDataArray, updateRenderer, updateTransform, X, Y, Z
Methods borrowed from class JXG.GeometryElement:
_set, addChild, addDescendants, addParents, addRotation, addTicks, animate, bounds, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, fullUpdate, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getParents, getProperty, getSnapSizes, getTextAnchor, getType, handleSnapToGrid, hide, hideElement, labelColor, noHighlight, normalize, prepareUpdate, remove, removeAllTicks, removeChild, removeDescendants, removeTicks, resolveShortcuts, setArrow, setAttribute, setDash, setDisplayRendNode, setLabel, setLabelText, setName, setParents, setPosition, setPositionDirectly, setProperty, show, showElement, snapToPoints, updateVisibility
Events borrowed from class JXG.GeometryElement:
attribute, attribute:key, down, drag, mousedown, mousedrag, mousemove, mouseout, mouseover, mouseup, move, out, over, pendown, pendrag, penup, touchdown, touchdrag, touchup, up
Element Detail
Boxplot
This element has no direct constructor. To create an instance of this element you have to call JXG.Board#create with type "boxplot".

Possible parent array combinations are:
{Array} quantiles

Array conatining at least five quantiles. The elements can be of type number, function or string.


{Number|Function} axis

Axis position of the box plot


{Number|Function} width

Width of the rectangle part of the box plot. The width of the first and 4th quantile is relative to this width and can be controlled by the attribute "smallWidth".


Examples:
var Q = [ -1, 2, 3, 3.5, 5 ];

var b = board.create('boxplot', [Q, 2, 4], {strokeWidth: 3});


				
				
var Q = [ -1, 2, 3, 3.5, 5 ];
var b = board.create('boxplot', [Q, 3, 4], {dir: 'horizontal', smallWidth: 0.25, color:'red'});


				
				
var data = [57, 57, 57, 58, 63, 66, 66, 67, 67, 68, 69, 70, 70, 70, 70, 72, 73, 75, 75, 76, 76, 78, 79, 81];
var Q = [];

Q[0] = JXG.Math.Statistics.min(data);
Q = Q.concat(JXG.Math.Statistics.percentile(data, [25, 50, 75]));
Q[4] = JXG.Math.Statistics.max(data);

var b = board.create('boxplot', [Q, 0, 3]);


				
				
var mi = board.create('glider', [0, -1, board.defaultAxes.y]);
var ma = board.create('glider', [0, 5, board.defaultAxes.y]);
var Q = [function() { return mi.Y(); }, 2, 3, 3.5, function() { return ma.Y(); }];

var b = board.create('boxplot', [Q, 0, 2]);


				
                
Attribute Detail
{String} dir
Direction of the box plot: 'vertical' or 'horizontal'
Defined in: options.js.

{Number} smallWidth
Relative width of the maximum and minimum quantile
Defined in: options.js.

Attributes borrowed from other Elements
Attributes borrowed from class JXG.GeometryElement:
dash, draft, dragToTopOfLayer, fillColor, fillOpacity, fixed, frozen, gradient, gradientAngle, gradientCX, gradientCY, gradientEndOffset, gradientFR, gradientFX, gradientFY, gradientR, gradientSecondColor, gradientSecondOpacity, gradientStartOffset, highlight, highlightFillColor, highlightFillOpacity, highlightStrokeColor, highlightStrokeOpacity, highlightStrokeWidth, needsRegularUpdate, precision, scalable, shadow, snapToGrid, strokeColor, strokeOpacity, strokeWidth, trace, traceAttributes, transitionDuration, visible, withLabel

Fields borrowed from other Elements
Fields borrowed from class JXG.Curve:
dataX, dataY, numberPoints, qdt, ticks
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

Methods borrowed from other Elements
Methods borrowed from class JXG.Curve:
addTransform, allocatePoints, generateTerm, getTransformationSource, hasPoint, interpolationFunctionFromArray, maxX, minX, moveTo, notifyParents, update, updateCurve, updateDataArray, updateRenderer, updateTransform, X, Y, Z
Methods borrowed from class JXG.GeometryElement:
_set, addChild, addDescendants, addParents, addRotation, addTicks, animate, bounds, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, fullUpdate, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getParents, getProperty, getSnapSizes, getTextAnchor, getType, handleSnapToGrid, hide, hideElement, labelColor, noHighlight, normalize, prepareUpdate, remove, removeAllTicks, removeChild, removeDescendants, removeTicks, resolveShortcuts, setArrow, setAttribute, setDash, setDisplayRendNode, setLabel, setLabelText, setName, setParents, setPosition, setPositionDirectly, setProperty, show, showElement, snapToPoints, updateVisibility

Events borrowed from other Elements
Events borrowed from class JXG.GeometryElement:
attribute, attribute:key, down, drag, 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 Nov 19 2021 10:52:26 GMT+0100 (Mitteleuropäische Normalzeit)