Element Boxplot
JXG.GeometryElement
↳ JXG.Curve
↳ Boxplot
Vertical or horizontal boxplot or also called box-and-whisker plot to present numerical data through their quartiles. The direction of the boxplot is controlled by the attribute "dir". Internally, a boxplot is realized with a single JSXGraph curve.
Given a data set, the input array Q for the boxplot can be computed e.g. with the method JXG.Math.Statistics.boxplot.
Defined in: curve.js.
Extends
JXG.Curve.
| Constructor Attributes | Constructor Name and Description |
|---|---|
| Field Attributes | Field Name and Description |
|---|---|
|
Direction of the boxplot: 'vertical' or 'horizontal'
|
|
|
Size and face of outliers.
|
|
|
Relative width of the maximum and minimum quantile
|
- Methods borrowed from class JXG.Curve:
- addTransform, allocatePoints, Ft, generateTerm, getLabelPosition, 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, addParentsFromJCFunctions, addRotation, addTicks, animate, bounds, 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, toTopOfLayer, updateVisibility, useLocale
- 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
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 containing five quantiles (e.g. min, first quartile, median, third quartile, maximum) and an optional array with outlier values. The elements of this array can be of type number, function or string. The optional aub-array outlier is an array of numbers or a function returning an array of numbers.
-
{Number|Function} axis
- Axis position of the boxplot
-
{Number|Function} width
- Width of the rectangle part of the boxplot. The width of the first and 3th quartile is relative to this width and can be controlled by the attribute "smallWidth".
- See:
- JXG.Math.Statistics#boxplot
- Examples:
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 = JXG.Math.Statistics.boxplot(data);
var b = board.create('boxplot', [Q, 2, 4]);
var Q = [ -1, 2, 3, 3.5, 5 ];
var b = board.create('boxplot', [Q, 2, 4], {strokeWidth: 3});
// With outliers
var Q = [ -1, 2, 3, 3.5, 5, [-4, -6] ];
var b = board.create('boxplot', [Q, 3, 4], {dir: 'horizontal', width: 2, 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 = JXG.Math.Statistics.boxplot(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 boxplot: 'vertical' or 'horizontal'
Defined in: options.js.
Defined in: options.js.
- Default Value:
- 'vertical'
{Object}
outlier
Size and face of outliers. Size is the point size in pixel.
Possible values for face are 'o' (default), '[]', '<>', '<<>>', '+', 'x', '-', '|'.
See JXG.Grid for these names ('o' here is 'regpol' of the grid).
Defined in: options.js.
Defined in: options.js.
- Default Value:
-
{ size: 3, face: 'o' }
{Number}
smallWidth
Relative width of the maximum and minimum quantile
Defined in: options.js.
Defined in: options.js.
- Default Value:
- 0.5
Attributes borrowed from other Elements
- Attributes borrowed from class JXG.Curve:
- lineCap
- Attributes borrowed from class JXG.GeometryElement:
- aria, cssClass, dash, dashScale, draft, dragToTopOfLayer, element3D, fillColor, fillOpacity, fixed, frozen, gradient, gradientAngle, gradientCX, gradientCY, gradientEndOffset, gradientFR, gradientFX, gradientFY, gradientR, gradientSecondColor, gradientSecondOpacity, gradientStartOffset, highlight, highlightCssClass, highlightFillColor, highlightFillOpacity, highlightStrokeColor, highlightStrokeOpacity, highlightStrokeWidth, ignoreForLabelAutoposition, isLabel, layer, needsRegularUpdate, nonnegativeOnly, precision, priv, rotatable, scalable, shadow, snapToGrid, strokeColor, strokeOpacity, strokeWidth, tabindex, trace, traceAttributes, transitionDuration, transitionProperties, 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, Ft, generateTerm, getLabelPosition, 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, addParentsFromJCFunctions, addRotation, addTicks, animate, bounds, 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, toTopOfLayer, updateVisibility, useLocale
Events borrowed from other Elements