Class: TermStructure

CIQ. TermStructure


new TermStructure(params)

Creates a term structure chart.

Yield Curve

The chart shows the different instruments along the x-axis, either with uniform or scaled spacing, and the values (ask, bid, yield, etc.) along the y-axis.

The chart supports daily data for historical points and intra-day for the current day. The chart expects data to be in masterData (and if the useQuotefeed parameter is specified, leverages the quote feed to accomplish this). If for any reason the requested date is not present in masterData, the chart attempts to find a nearby point (such as a weekday if the requested day is a weekday). Otherwise, it displays an error to the user. If using a quote feed, the chart sets the refresh interval to five seconds.

Parameters:
Name Type Description
params Object

Configuration parameters.

Properties
Name Type Argument Default Description
stx CIQ.ChartEngine

A reference to the chart engine.

spacingType String <optional>

Initial spacing type, either "scaled" or "uniform". Defaults to "scaled".

dataField String <optional>

Initial data field. Defaults to "yield".

fieldsToFormatAsPercent Array <optional>

Fields where the value should be formatted as a percent. Defaults to ["yield"].

drawShading Boolean <optional>

Specifies whether shading should initially be set or not. Defaults to true.

useQuotefeed Boolean <optional>

Specifies whether this TermStructure should use the quote feed to attempt to find any quotes not present in masterData. Defaults to true.

initialDate String <optional>

Initial curve will be the current chart symbol for the current date. Specify a different starting date here.

showcaseFreshPoints Boolean <optional>
true

Indicates whether recent data point updates should be highlighted to call attention to the update. Recency is based on whether the data point has been updated within the time span of the freshness timeout.

pointFreshnessTimeout Number <optional>
10

The amount of time in minutes after which data points go stale.

showUpdateAnimations Boolean <optional>
true

Indicates whether to animate changes to data point values.

showUpdateStamp Boolean <optional>
true

Indicates whether an update time stamp should appear when the mouse hovers over data points.

showUpdateStampSeconds Boolean <optional>
true

Indicates whether the update time stamp should display seconds.

maxZoom Number <optional>
5

The maximum multiple to which the chart scales when zooming. Note: Setting this number arbitrarily high does not enable arbitrary zooming. Chart internals do not allow zooming beyond a (high) multiple based on the computed maximum candle width.

Since:

  • • 7.3.0
    • 7.4.0 Added the showcaseFreshPoints, pointFreshnessTimeout, showUpdateAnimations, showUpdateStamp, showUpdateStampSeconds, and maxZoom parameters.

Methods


<static> createDataSegment()

Term structure override injection of the default createDataSegment method; this is a CIQ.ChartEngine instance.

This function is invoked by chart internals as part of the draw loop if the term structure plug-in has been initialized. The function should rarely if ever be called directly.

Since:
  • 7.3.0


addCurve(symbol, date, params [, cb])

Adds a secondary curve to the term structure chart.

Parameters:
Name Type Argument Description
symbol String

The symbol of the secondary curve that will be added to the chart.

date Object

The date for the new secondary curve.

params Object

Specifications related to the secondary curve.

Properties
Name Type Argument Description
color String <optional>

The color of the secondary curve.

noRecord Boolean <optional>

When true, prevents recording of the secondary curve data. This parameter is set to true when importing curves (for example, when reloading a chart that has secondary curves), which prevents the state of the curve midway through loading from becoming the new source of truth.

cb function <optional>

Function called when the data for the curve is available.

Since:
  • 7.5.0


animateUpdates()

Animates chart updates.

Since:
  • 7.3.0


calculateInstrumentSpacing(chart, instruments, bufferPercent)

Calculates instrument spacing. If the TermStructure instance has a spacingType of "uniform", instruments are spaced uniformly. If spacingType is set to "scaled", the spacing is calculated from the "spacing units" returned from calling calculateScaledSpacingUnits.

Parameters:
Name Type Description
chart Object

The chart engine.

instruments Array

An array of instruments for which the spacing units are calculated.

bufferPercent Number

The percentage by which the available display width for spacing instruments is reduced on both sides of the chart.

Since:
  • 7.3.0

Returns:

An object containing the instrument spacing and curve width.

Type
Object

calculateScaledSpacingUnits(instruments)

Calculates scaled spacing units. Because scaling the x-axis linearly with respect to time can (depending on the term structure) result in a tight clustering of points near the left-hand side of the chart, you may wish to "smooth" the differences. In the default version, this has been done by calculating the time between the previous and current instrument and raising that value to a 0.5 exponent.

You may wish to replace this with your own scaling. To do so, simply overwrite this method with your own version. It will be called with an array of instruments and should return an object with each instrument as a key corresponding to a unit spacing value. The relative differences between the units will be used to determine positioning along the x-axis. The first instrument should have a unit spacing of 0.

Parameters:
Name Type Description
instruments Array

An array of instruments for which the scaled spacing is calculated.

Since:
  • 7.3.0

Returns:

An object containing the spacing units for the instruments.

Type
Object

cancelUpdateAnimations()

Removes all active update animations. Call this function to programmatically stop the animations associated with data point updates. See CIQ.TermStructure#setUpdateAnimations.

Since:
  • 7.4.0


deselectCurvePoints( [curveId])

Deselects all data points that have been selected on a curve. Typically, data points are selected to show curve spreads (see CIQ.ChartEngine#drawTermStructureSpreads).

Called whenever a curve is removed or substantively modified; for example, when a new date is selected for the curve.

Defaults to the main curve.

Parameters:
Name Type Argument Default Description
curveId String <optional>
"_main_curve"

Identifies the curve for which points are delected. If not specified, points are deselected on the main curve.

Since:
  • 7.5.0


findHighlights(stx, isTap, clearOnly)

Determines whether the user has either tapped or moused over a data point and, if so, includes in the return object the time stamp of the last update of the data point. Called by CIQ.ChartEngine#findHighlights.

Parameters:
Name Type Description
stx CIQ.ChartEngine

The chart engine instance.

isTap Boolean

If true, indicates that the user tapped the screen on a touch device, and thus a wider radius is used to determine which objects have been highlighted.

clearOnly Boolean

Clears highlights when set to true.

Since:
  • 7.4.0

Returns:

Object that specifies boolean values for somethingChanged, anyHighlighted, and stickyArgs properties.

Type
Object

formatTimeStamp(date)

Formats a date and time for the time stamp that appears when the user's mouse hovers over a data point on the chart. The time stamp shows the date and time when the data point was most recently updated.

Default formatting is "Updated YYYY-MM-dd HH:mm". Override this function to specify your own date/time formatting.

Parameters:
Name Type Description
date

A Date object or a value that can be accepted by the Date contructor function.

Since:
  • 7.4.0

Example
var dt = new Date(date);
return "Last update at: " + (dt.getMonth() + 1) + "/" + dt.getDate() + "/" + dt.getFullYear();

getInstrumentShadingColor(instrument)

Returns the shading color for an instrument. Called once for each instrument (or instrument shorthand) stored in termStructure.instruments (e.g., "1 MO", "2 MO", etc. for treasury bills). By default, this method uses the canvasStyleengine method to find a CSS class with the namestx_shading_concatenated with the instrument or instrument shorthand with spaces removed (e.g.,stx_shading_1MO`). As a result, shading styles can be defined in your stylesheets.

Feel free to override this method with your own color method. The shading renderer calls getInstrumentShadingColor for each instrument and expects an RBGA color to be returned.

Parameters:
Name Type Description
instrument String

The instrument identifier.

Since:
  • 7.3.0

Returns:

A color code.

Type
String

modifyCurve(curveId [, params])

Modifies a curve on the term structure chart.

Parameters:
Name Type Argument Description
curveId String

Identifies the curve to be modified.

params Object <optional>

Parameters that specify modifications of the curve. If this parameter is undefined, the function returns without doing anything.

Properties
Name Type Argument Description
color String <optional>

A new color to apply to the curve.

Since:
  • 7.5.0


removeCurve( [curveId])

Removes a secondary curve from the term structure chart.

Parameters:
Name Type Argument Description
curveId String <optional>

Identifies the curve to be removed. If the parameter is undefined or identifies the main curve, this function returns without doing anything.

Since:
  • 7.5.0


setCurveDate(date [, curve] [, params])

Sets the date for which a term structure curve is drawn. If the value specified in date is not found in masterData and, if useQuotefeed is set in this term structure, this function attempts to use the quote feed to load the requested date.

For term structures that have multiple curves, the date is applied to the main curve if a value is not specified in curve.

Parameters:
Name Type Argument Default Description
date String

The date for which the term structure curve is drawn.

curve String <optional>

Identifies the curve to which date applies. Defaults to the main term structure curve if an argument is not provided.

params Object <optional>
{}

Specifications related to the curve.

Properties
Name Type Argument Description
noRecord Boolean <optional>

When true, prevents recording of the curve data. This parameter is set to true when importing curves (for example, when reloading the chart), which prevents the state of the curve midway through loading from becoming the new source of truth.

Since:

  • • 7.3.0
    • 7.5.0 Added params and params.noRecord parameters.

Example
var datepicker = topNode.querySelector("cq-datepicker");
if (datepicker && stx.termStructure) {
	datepicker.registerCallback(function(date) {
		stx.termStructure.setCurveDate(date);
	});
}

setDataField(field)

Sets the data field for which values are plotted on the y-axis of the term structure and then triggers a redraw of the chart. Use this function instead of setting the data field manually. See CIQ.UI.Layout#setDataField.

Parameters:
Name Type Description
field String

Defines the type of values plotted on the y-axis of the term structure graph; for example, instrument yield or volatility.

Since:
  • 7.3.0


setPointFreshnessTimeout(number)

Sets the value of the chart engine layout parameter (see CIQ.ChartEngine) that specifies the amount of time after which data points go stale.

Parameters:
Name Type Description
number Number

The number of minutes for the time out.

Since:
  • 7.4.0


setShading(bool)

Sets the shading flag to the value of the bool parameter and triggers a redraw. Use this function instead of setting the value manually.

Parameters:
Name Type Description
bool Boolean

When true, a background color (shading) is drawn on the chart to highlight horizontal sections of the graph; when false, the background color is not drawn.

Since:
  • 7.3.0

Example
var shadingCheckbox = topNode.querySelector(".ciq-checkbox-shading");
if (shadingCheckbox) {
	shadingCheckbox.registerCallback(function(value) {
		stx.termStructure.setShading.call(stx.termStructure, value);
		shadingCheckbox.classList.toggle("ciq-active");
	});
	shadingCheckbox.currentValue = true; // Initially set check box to checked.
}

setShowcaseFreshPoints(value)

Sets the value of the chart engine layout parameter (see CIQ.ChartEngine) that indicates whether or not to highlight fresh data points.

Parameters:
Name Type Description
value Boolean

If true, highlight fresh data points; otherwise, do not highlight fresh data points.

Since:
  • 7.4.0


setShowUpdateStamp(value)

Sets the value of the chart engine layout parameter (see CIQ.ChartEngine) that specifies whether the update time stamp should appear for data points the user has tapped or moused over.

Parameters:
Name Type Description
value Boolean

If true, show the time stamp; otherwise, do not show the time stamp.

Since:
  • 7.4.0


setSpacingType(type)

Sets the spacing type and triggers a redraw. Use this instead of setting the value manually.

Parameters:
Name Type Description
type String

Spacing type, should be either "scaled" or "uniform". If this parameter is undefined, the function returns without doing anything.

Since:
  • 7.3.0


setUpdateAnimations(value)

Sets the value of the chart engine layout parameter (see CIQ.ChartEngine) that specifies whether to animate changes to data point values.

Parameters:
Name Type Description
value Boolean

If true, animate changes; otherwise, do not animate changes.

Since:
  • 7.4.0


updateTitleDate()

Updates the date in the chart title with the time the most recent update was received.

Since:
  • 7.3.0


zoomSet()

Zooms the chart in and out. Overrides the default CIQ.ChartEngine#zoomSet method. Called in response to user interaction.

Since:
  • 7.4.0