Integral

Element

The graph of the integral function of a given function in a given interval.

The Integral element is used to visualize the area under a given curve over a given interval and to calculate the area's value. For that a polygon and gliders are used. The polygon displays the area, the gliders are used to change the interval dynamically.

Usage (signatures)

board.create('integral', [domain, f]);

The constructed element covers the area between the curve c and the x-axis within the interval i.

Parameters

Name	Type	Description
`domain`	Array	Array of length 2 containing interval bounds for the integral
`f`	Functiongraph	Function graph to be integrated.

Example

Integral area

var domain = board.create('functiongraph', [(t) => Math.cos(t) * t]);
var integral = board.create('integral', [[-2.0, 2.0], domain]);

Attributes

Own

baseLeft

Description

Attributes of the (left) base point of the integral.

Type

See

Integral#curveLeft

Source

options.js, line 6536

baseRight

Description

Attributes of the (right) base point of the integral.

Type

See

Integral#curveRight

Source

options.js, line 6567

curveLeft

Description

Attributes of the (left) starting point of the integral.

Type

See

Integral#baseLeft

Source

options.js, line 6520

curveRight

Description

Attributes of the (right) end point of the integral.

Type

See

Integral#baseRight

Source

options.js, line 6551

label

Description

Attributes for integral label.

Type

Default Value

{
     fontSize: 20,
     digits: 4,
     intl: {
         enabled: false,
         options: {}
     }
 }

Source

options.js, line 6582

Inherited

dragToTopOfLayer

gradientEndOffset

gradientSecondColor

gradientSecondOpacity

gradientStartOffset

highlightCssClass

highlightFillColor

highlightFillOpacity

highlightStrokeColor

highlightStrokeOpacity

highlightStrokeWidth

ignoreForLabelAutoposition

needsRegularUpdate

nonnegativeOnly

traceAttributes

transitionDuration

transitionProperties

Members

Own

(static) baseLeft : JXG.Point

Description: The point on the axis initially corresponding to the lower value of the interval.
Type: JXG.Point
Source: element/composition.js, line 2760

(static) baseRight : JXG.Point

Description: The point on the axis initially corresponding to the higher value of the interval.
Type: JXG.Point
Source: element/composition.js, line 2769

(static) curveLeft : Glider

Description: The glider on the curve corresponding to the lower value of the interval.
Type: Glider
Source: element/composition.js, line 2778

(static) curveRight : Glider

Description: The glider on the axis corresponding to the higher value of the interval.
Type: Glider
Source: element/composition.js, line 2787

Inherited

notExistingParents

transformations

Methods

Own

(static) Value() → {Number}

Returns the current value of the integral.

Returns

Type: Number

Details

Source: element/composition.js, line 2664

Inherited

addParentsFromJCFunctions

clearTransforms

cloneToBackground

formatNumberLocale

generatePolynomial

getLabelPosition

getTransformationSource

handleSnapToGrid

interpolationFunctionFromArray

removeDescendants

removeTransform

resolveShortcuts

setDisplayRendNode

setPositionDirectly

updateDataArray

updateTransform

updateVisibility

Events

Own

none

Inherited

Throws

If the element cannot be constructed with the given parent objects an exception is thrown.
Type Error

Details

Type: JXG.Curve
Source: element/composition.js, line 2419

Extends

JXG.Curve