Scale of axes. Used for formatting and scaling series
Public, safe interface for Panels rendering engine.
Scale for panel area in pixels. Margin should be set according to panel margin (currently constant).
Scale for panel area in percentages (0-100). Margin should be set according to panel margin (currently constant).
Add a new axis to Spider Chart
Object itself
Add a stand-alone LegendBox using a builder.
Type of UIElement that is specified by 'builder'-parameter.
LegendBoxBuilder. If omitted, HorizontalLegendBox will be selected. Use LegendBoxBuilders for selection.
Optional custom scale to position LegendBox on. Defaults to whole chart in percentages [0, 100].
LegendBox that fulfills interfaces: UIElementType (typeparam) and UIElement
Adds a new SpiderSeries to the SpiderChart.
Shape of points for SpiderSeries. Defaults to PointShape.Circle
SpiderSeries instance
Add a stand-alone UIElement using a builder.
Type of UIElement that is specified by 'builder'-parameter.
UIElementBuilder. If omitted, TextBoxBuilder will be selected. Use UIElementBuilders for selection.
Optional custom scale to position UIElement on. Defaults to whole chart in percentages [0, 100].
Object that fulfills interfaces: UIElementType (typeparam) and UIElement
Disable all animations for the chart.
All animations have to be re-enabled individually if you wish to re-enable animations.
Chart itself for fluent interface.
Permanently dispose the component.
To fully allow Garbage-Collection to free the resources used by the component, make sure to remove any references to the component and its children in application code.
let chart = ...ChartXY()
let axisX = chart.getDefaultAxisX()
// Dispose Chart, and remove all references so that they can be garbage-collected.
chart.dispose()
chart = undefined
axisX = undefined
Object itself for fluent interface
Format value along an axis.
Value along an axis
Value formated to string
Gets if animations are enabled or not
Automatic axis creation state
Get font of axis labels.
FontSettings object
Get padding of axis labels. NOTE: The value of this padding is simply passed to the axis label strategy of chart, so overriding the default strategy will naturally leave the handling of padding logic up to you.
Padding in pixels
Get fill style of axis labels.
FillStyle object
Gets the AxisScrollStrategy of Charts Axes
Get style of axes as SolidLine.
SolidLine object
Get fillstyle of chart background.
FillStyle
Get stroke style of chart background.
LineStyle
Get fillstyle of chart background. This is the area enclosed by the axis'.
FillStyle
Get stroke style of chart background. This is the area enclosed by the axis'.
LineStyle
Get axis value at edges of chart
Value at edges of chart
Get minimum size of Panel. Depending on the type of class this value might be automatically computed to fit different elements.
Vec2 minimum size or undefined if unimplemented
Get are mouse-interactions on chart enabled or not
Boolean flag
Get length of axis nibs in pixels.
Length of nibs in pixels
Get style of axis nibs as SolidLine.
SolidLine object
Get axis value at center of chart
Value at center of chart
Get padding around Chart in pixels.
Padding datastructure
Get font of scale labels.
FontSettings
Get padding of scale labels.
Padding in pixels
Get fill style of scale labels.
FillStyle object
Get series of a chart
series
Get FillStyle of Series background area (area behind series).
FillStyle
Get Stroke style of Series background area (area behind series).
LineStyle
Get number of series inside chart.
Amount of series inside chart
Get text of Chart title.
Chart title as a string.
Get fill style of Chart Title.
FillStyle object
Get font of Chart title.
FontSettings object
Padding after Chart title
Padding before Chart title
Get count of 'webs' displayed
Count of web lines
Get mode of SpiderCharts web and background.
Enum SpiderWebMode
Get fill style of web lines.
LineStyle object
Check if Chart has an Axis with specified tag
Name of desirable axis
True if axis exists, false if not.
Remove event listener from mouse-click event on Chart background
Remove event listener from mouse-doubleClick event on Chart background
Remove event listener from mouse-down event on Chart background
Remove event listener from mouse-drag event on Chart background
Remove event listener from mouse-drag start event on Chart background
Remove event listener from mouse-drag stop event on Chart background
Remove event listener from mouse-enter event on Chart background
Remove event listener from mouse-leave event on Chart background
Remove event listener from mouse-move event on Chart background
Remove event listener from mouse-up event on Chart background
Remove event listener from mouse-wheel event on Chart background
Remove event listener from touch end event on Chart background
Remove event listener from touch move event on Chart background
Remove event listener from touch start event on Chart background
Remove event listener from resize event.
Token of event listener which has to be removed
True if the listener is successfully removed and false if it is not found
Subscribe to mouse-click event on Chart background
Subscribe to mouse-doubleClick event on Chart background
Subscribe to mouse-down event on Chart background
Subscribe to mouse-drag event on Chart background
Subscribe to mouse-drag start event on Chart background
Subscribe to mouse-drag stop event on Chart background
Subscribe to mouse-enter event on Chart background
Subscribe to mouse-leave event on Chart background
Subscribe to mouse-move event on Chart background
Subscribe to mouse-up event on Chart background
Subscribe to mouse-wheel event on Chart background
Subscribe to touch end event on Chart background
Subscribe to touch move event on Chart background
Subscribe to touch start event on Chart background
Subscribe to resize event of Panel.
Handler function for event
Token of subscription
Remove axis from Spider Chart
Axis or tag of an Axis which has to be removed
Object itself for fluent interface
Restore given axis to the Spider Chart.
Axis to restore.
This.
Capture rendered state in an image file. Prompts the browser to download the created file.
NOTE: The download might be blocked by browser/plugins as harmful. To prevent this, only call the method in events tied to user-interactions. From mouse-event handlers, for example.
Has two optional parameters which directly reference JavaScript API HTMLCanvasElement.toDataURL. For supported image formats, compression quality, Etc. refer to:
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL
Example usage:
// Download 'screenshot.png'
Panel.saveToFile('screenshot')
// Attempt download 'maybeNotSupported.bmp'
Panel.saveToFile('maybeNotSupported', 'image/bmp')
// Attempt download jpeg.file with specified compression quality
Panel.saveToFile('fileName', 'image/jpeg', 0.50)
Name of prompted download file as string. File extension shouldn't be included as it is automatically detected from 'type'-argument.
A DOMString indicating the image format. The default format type is image/png.
A Number between 0 and 1 indicating the image quality to use for image formats that use lossy compression such as image/jpeg and image/webp. If this argument is anything else, the default value for image quality is used. The default value is 0.92.
Sets if animations are enabled or not
Specifies if auto creation of axis is turned on or not
State of automatic axis creation
Object itself for fluent interface
Set interval of Charts Axes
Value at edges of chart
Value at center of chart. Defaults to zero
Object itself
Set font of axis labels.
FontSettings or mutator function for existing settings
Object itself
Set padding of axis labels. NOTE: The value of this padding is simply passed to the axis label strategy of chart, so overriding the default strategy will naturally leave the handling of padding logic up to you.
Padding in pixels
Object itself
Set strategy for drawing axis labels. Defines how axis labels are aligned.
SpiderAxisLabelStrategy or undefined to never show axis labels
Object itself
Set fill style of axis labels.
FillStyle object or mutator to modify existing one
Object itself
Sets the AxisScrollStrategy of Charts Axes
AxisScrollStrategy or undefined to disable automatic scrolling. See AxisScrollStrategies for a collection of options.
Object itself
Set style of axes as SolidLine.
SolidLine object or mutator to modify existing one
Object itself
Set fillStyle of panel background.
FillStyle or function which modifies it
Object itself
Set stroke style of panel background.
LineStyle or function which modifies it
Object itself
Set fillStyle of chart background. This is the area enclosed by the axis'. Example usage:
ChartXY.setChartBackgroundFillStyle(new SolidFill({ color: ColorHEX('#9a78df').setA(50) }))
FillStyle or mutator to modify existing one
Object itself
Set stroke of chart background. This is the area enclosed by the axis'.
Example usage:
ChartXY.setChartBackgroundStrokeStyle(
new SolidLine({
fillStyle: new SolidFill({ color: ColorHEX('#DF9A78') }),
thickness: 5
})
)
LineStyle or mutator to modify existing one
Object itself
Set if mouse-interactions on chart are enabled or not
Boolean flag
Object itself
Set length of axis nibs in pixels.
Sum length of nibs in pixels (both directions)
Set style of axis nibs as SolidLine.
SolidLine object or mutator to modify existing one
Object itself
Set padding around Chart in pixels.
Number with pixel margins for all sides or datastructure with individual pixel paddings for each side. Any side can be omitted, only passed values will be overridden.
Object itself
Set font of scale labels.
FontSettings or mutator function for existing settings
Object itself
Set padding of scale labels.
Padding in pixels
Object itself
Set strategy for drawing scale labels. Defines on which positions labels are drawn and whether they are flipped or not.
SpiderScaleLabelStrategy or undefined to never show scale labels
Object itself
Set fill style of scale labels.
FillStyle object or mutator to modify existing one
Set FillStyle of Series background area (area behind series).
Example usage:
ChartXY.setSeriesBackgroundFillStyle(new SolidFill({ color: ColorHEX('#9a78df').setA(50) }))
FillStyle or mutator to modify existing one
Object itself
Set Stroke style of Series background area (area behind series).
Example usage:
ChartXY.setSeriesBackgroundStrokeStyle(
new SolidLine({
fillStyle: new SolidFill({ color: ColorHEX('#DF9A78') }),
thickness: 5
})
)
LineStyle or mutator to modify existing one
Object itself
Set the state for all Series in the Chart to highlight on mouse hover.
True if all Series should be highlighted on mouse hover, false if not.
Object itself for fluent interface.
Set text of Chart title.
Chart title as a string.
Object itself for fluent interface.
Set fill style of Chart Title.
Example usage:
// Create a new style
Chart.setTitleFillStyle(new SolidFill({ color: ColorHEX('#F00') }))
// Change transparency
Chart.setTitleFillStyle((solidFill) => solidFill.setA(80))
// Set hidden
Chart.setTitleFillStyle(emptyFill)
Either a FillStyle object or a function, which will be used to create a new FillStyle based on current value.
Chart itself
Set font of Chart Title.
Example usage:
// Create a new FontSettings
Chart.setTitleFont(new FontSettings({ size: 24, style: 'italic' }))
// Change existing settings
Chart.setTitleFont((fontSettings) => fontSettings.setWeight('bold'))
Either a FontSettings object or a function, which will be used to create a new FontSettings based on current value.
Chart itself
Specifies padding after chart title.
This does not have an effect if title is hidden (empty FillStyle).
Gap after the chart title in pixels.
Chart itself for fluent interface
Specifies padding before chart title.
This does not have an effect if title is hidden (empty FillStyle).
Gap between the top of chart and its title in pixels.
Chart itself for fluent interface
Set count of 'webs' displayed.
Count of web lines
Object itself
Set mode of SpiderCharts web and background.
Enum SpiderWebMode
Object itself
Set style of spider charts webs as LineStyle.
LineStyle object or mutator to modify existing one
Object itself
Solves the nearest data-point from series inside Chart of a given coordinate on screen
Location on screen or omit for cur mouse location
Undefined or data-structure for positioning of markers (and cursors)
Chart for visualizing data in a radial form as dissected by named axes.
Charts are created by methods of LightningChart interface or a Dashboard.
A SpiderChart can have any number of SpiderSeries added to it using SpiderChart.addSeries. Data can then be pushed in with SpiderSeries.addPoints
By default, SpiderChart automatically creates Axes based on the data that are pushed to its Series.