Returns the children.
Returns the child elements.
Allows for manipulation of element's class content attribute as a set of whitespace-separated tokens through a DOMTokenList object.
Returns the value of element's class content attribute. Can be set to change it.
Returns the first child.
Returns the first child that is an element, and null otherwise.
Returns the value of element's id content attribute. Can be set to change it.
Returns true if node is connected and false otherwise.
Returns the last child.
Returns the last child that is an element, and null otherwise.
Returns the local name.
Returns the namespace.
Returns the first following sibling that is an element, and null otherwise.
Returns the next sibling.
Returns a string appropriate for the type of node, as follows: Element Its HTML-uppercased qualified name. Attr Its qualified name. Text "#text". CDATASection "#cdata-section". ProcessingInstruction Its target. Comment "#comment". Document "#document". DocumentType Its name. DocumentFragment "#document-fragment".
Fires when the user aborts the download.
Fires when the object loses the input focus.
Occurs when playback is possible, but would require further buffering.
Fires when the contents of the object or selection have changed.
Fires when the user clicks the left mouse button on the object
Fires when the user clicks the right mouse button in the client area, opening the context menu.
Fires when the user double-clicks the object.
Fires on the source object continuously during a drag operation.
Fires on the source object when the user releases the mouse at the close of a drag operation.
Fires on the target element when the user drags the object to a valid drop target.
Fires on the target object when the user moves the mouse out of a valid drop target during a drag operation.
Fires on the target element continuously while the user drags the object over a valid drop target.
Fires on the source object when the user starts to drag a text selection or selected object.
Occurs when the duration attribute is updated.
Occurs when the media element is reset to its initial state.
Occurs when the end of playback is reached.
Fires when an error occurs during object loading.
Fires when the object receives focus.
Fires when the user presses a key.
Fires when the user presses an alphanumeric key.
Fires when the user releases a key.
Fires immediately after the browser loads the object.
Occurs when media data is loaded at the current playback position.
Occurs when the duration and dimensions of the media have been determined.
Occurs when Internet Explorer begins looking for media data.
Fires when the user clicks the object with either mouse button.
Fires when the user moves the mouse over the object.
Fires when the user moves the mouse pointer outside the boundaries of the object.
Fires when the user moves the mouse pointer into the object.
Fires when the user releases a mouse button while the mouse is over the object.
Occurs when playback is paused.
Occurs when the play method is requested.
Occurs when the audio or video has started playing.
Occurs to indicate progress while downloading media data.
Occurs when the playback rate is increased or decreased.
Fires when the user resets a form.
Fires when the user repositions the scroll box in the scroll bar on the object.
Occurs when the seek operation ends.
Occurs when the current playback position is moved.
Fires when the current selection changes.
Occurs when the download has stopped.
Occurs if the load operation has been intentionally halted.
Occurs to indicate the current playback position.
Occurs when the volume is changed, or playback is muted or unmuted.
Occurs when playback stops because the next frame of a video resource is not available.
Returns the node document. Returns null for documents.
Returns the parent element.
Returns the parent.
Returns the namespace prefix.
Returns the first preceding sibling that is an element, and null otherwise.
Returns the previous sibling.
Returns element's shadow root, if any, and if shadow root's mode is "open", and null otherwise.
Returns the value of element's slot content attribute. Can be set to change it.
Returns the HTML-uppercased qualified name.
Gets or sets a value indicating whether grid and tick lines are aligned to device pixels.
Use alignsGridLinesToPixels
propert to indicat whether grid and tick lines are aligned to device pixels.
this.chart.alignsGridLinesToPixels= true;
Gets or sets a value indicating whether grid and tick lines are aligned to device pixels.
Use alignsGridLinesToPixels
propert to indicat whether grid and tick lines are aligned to device pixels.
this.chart.alignsGridLinesToPixels= true;
Gets or sets whether the series animations should be allowed when a range change has been detected on an axis.
Gets or sets whether the series animations should be allowed when a range change has been detected on an axis.
Event raised by the chart when custom indicator data is needed from the application. During series rendering, event will be raised once for each value in the CustomIndicatorNames collection.
Event raised by the chart when custom indicator data is needed from the application. During series rendering, event will be raised once for each value in the CustomIndicatorNames collection.
Gets or sets the extra amount the series viewer should auto expand margins to accommodate the initial horizontal axis labels.
Gets or sets the extra amount the series viewer should auto expand margins to accommodate the initial horizontal axis labels.
Gets or sets the maximum amount the series viewer should auto expand margins to accommodate the initial horizontal axis labels.
Gets or sets the maximum amount the series viewer should auto expand margins to accommodate the initial horizontal axis labels.
Gets or sets the bottom margin around the chart content.
Use the bottomMargin
property for the bottom margin around the chart content.
this.chart.bottomMargin=20;
Gets or sets the bottom margin around the chart content.
Use the bottomMargin
property for the bottom margin around the chart content.
this.chart.bottomMargin=20;
Gets or sets the palette of brushes to use for coloring the chart series. The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
Use the brushes
property to set the brushes.
this.chart.brushes = ["#ff0000","#00ff00"];
Gets or sets the palette of brushes to use for coloring the chart series. The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
Use the brushes
property to set the brushes.
this.chart.brushes = ["#ff0000","#00ff00"];
Occurs when the style of a callout is updated.
Occurs when the style of a callout is updated.
Gets or sets if event annotations should be displayed.
Gets or sets if event annotations should be displayed.
Gets or sets the member path of the content data for the callouts.
Gets or sets the member path of the content data for the callouts.
Gets or sets the member path of the label data for the callouts.
Gets or sets the member path of the label data for the callouts.
Gets or sets if callouts should be displayed.
Gets or sets if callouts should be displayed.
Gets or sets the member path of the X data for the callouts.
Gets or sets the member path of the X data for the callouts.
Gets or sets the member path of the Y data for the callouts.
Gets or sets the member path of the Y data for the callouts.
Gets or sets text to display above the plot area.
Use the chartTitle
property to display the text above the plot area.
this.chart.title= "This is a Title";
Gets or sets text to display above the plot area.
Use the chartTitle
property to display the text above the plot area.
this.chart.title= "This is a Title";
The type of price series to display in the main chart.
Use the chartType
property to set a type of series that will be used to render prices in the Financial Chart control, e.g.
The type of price series to display in the main chart.
Use the chartType
property to set a type of series that will be used to render prices in the Financial Chart control, e.g.
Gets or sets the highlighting mode to use for the series in the component, when supported. This takes precedence over the series level IsHightlightingEnabled.
Gets or sets the highlighting mode to use for the series in the component, when supported. This takes precedence over the series level IsHightlightingEnabled.
Gets or sets whether annotations are shown along the axis for crosshair values
Gets or sets whether annotations are shown along the axis for crosshair values
Gets or sets the crosshairs to be displayed.
Gets or sets the crosshairs to be displayed.
Gets or sets whether crosshairs will snap to the nearest data point.
Gets or sets whether crosshairs will snap to the nearest data point.
The names of custom indicators to add to the chart. When CustomIndicatorNames is set, the ApplyCustomIndicators event will be raised for each custom indicator name.
The names of custom indicators to add to the chart. When CustomIndicatorNames is set, the ApplyCustomIndicators event will be raised for each custom indicator name.
Gets or sets a set of property paths that should be excluded from consideration by the category chart.
The excludedProperties
property used for the property paths that should be excluded from consideration by the category chart.
this.chart.excludedProperties = ["ID", "Discount"];
Gets or sets a set of property paths that should be excluded from consideration by the category chart.
The excludedProperties
property used for the property paths that should be excluded from consideration by the category chart.
this.chart.excludedProperties = ["ID", "Discount"];
Gets or sets whether annotations for the final value of each series is displayed on the axis.
Gets or sets whether annotations for the final value of each series is displayed on the axis.
Gets or sets the highlighting Behavior to use for the series in the component, when supported. This takes precedence over the series level IsHightlightingEnabled.
Gets or sets the highlighting Behavior to use for the series in the component, when supported. This takes precedence over the series level IsHightlightingEnabled.
Gets or sets the highlighting mode to use for the series in the component, when supported. This takes precedence over the series level IsHightlightingEnabled.
Gets or sets the highlighting mode to use for the series in the component, when supported. This takes precedence over the series level IsHightlightingEnabled.
Gets or sets a set of property paths that should be included for consideration by the category chart, leaving the remainder excluded. If null, all properties will be considered.
The includedProperties
property used to include the properties for the consideration of the category chart.
this.chart.includedProperties = ["ProductName", "Cost"];
Gets or sets a set of property paths that should be included for consideration by the category chart, leaving the remainder excluded. If null, all properties will be considered.
The includedProperties
property used to include the properties for the consideration of the category chart.
this.chart.includedProperties = ["ProductName", "Cost"];
Brushes to use for financial indicators.
Use the indicatorBrushes
property to set a collection of brushes that will be used to render positive elements of indicators in the Financial Chart control, e.g.
Brushes to use for financial indicators.
Use the indicatorBrushes
property to set a collection of brushes that will be used to render positive elements of indicators in the Financial Chart control, e.g.
The display types of financial indicators.
Use the indicatorDisplayTypes
property to set display types that will determine whether render all indicators as area, lines, or columns in the Financial Chart control, e.g.
The display types of financial indicators.
Use the indicatorDisplayTypes
property to set display types that will determine whether render all indicators as area, lines, or columns in the Financial Chart control, e.g.
The long period of financial indicators, where applicable.
The indicatorLongPeriod
property applies only to these indicator types:
The long period of financial indicators, where applicable.
The indicatorLongPeriod
property applies only to these indicator types:
The multiplier of financial indicators, where applicable.
The indicatorMultiplier
property applies to only to BollingerBandWidth indicator type.
The multiplier of financial indicators, where applicable.
The indicatorMultiplier
property applies to only to BollingerBandWidth indicator type.
Brushes to use for negative elements in financial indicators.
Use the indicatorNegativeBrushes
property to set a collection of brushes that will be used to render negative elements of indicators in the Financial Chart control, e.g.
Brushes to use for negative elements in financial indicators.
Use the indicatorNegativeBrushes
property to set a collection of brushes that will be used to render negative elements of indicators in the Financial Chart control, e.g.
The period of financial indicators, where applicable.
The indicatorPeriod
property applies to only the BollingerBands
overlay as well as to these indicators types: AverageDirectionalIndex
, AverageTrueRange
, BollingerBandWidth
, ChaikinVolatility
, CommodityChannelIndex
, DetrendedPriceOscillator
, FastStochasticOscillator
, ForceIndex
, FullStochasticOscillator
, MoneyFlowIndex
, IgcPriceChannelOverlayComponent
, RateOfChangeAndMomentum
, RelativeStrengthIndex
, SlowStochasticOscillator
, StandardDeviation
, StochRSI
, TRIX
, WilliamsPercentR
The period of financial indicators, where applicable.
The indicatorPeriod
property applies to only the BollingerBands
overlay as well as to these indicators types: AverageDirectionalIndex
, AverageTrueRange
, BollingerBandWidth
, ChaikinVolatility
, CommodityChannelIndex
, DetrendedPriceOscillator
, FastStochasticOscillator
, ForceIndex
, FullStochasticOscillator
, MoneyFlowIndex
, IgcPriceChannelOverlayComponent
, RateOfChangeAndMomentum
, RelativeStrengthIndex
, SlowStochasticOscillator
, StandardDeviation
, StochRSI
, TRIX
, WilliamsPercentR
The short period of financial indicators, where applicable.
The indicatorShortPeriod
property applies only to these indicator types:
The short period of financial indicators, where applicable.
The indicatorShortPeriod
property applies only to these indicator types:
The signal period of financial indicators, where applicable.
The indicatorSignalPeriod
property applies to only to MovingAverageConvergenceDivergence indicator type.
The signal period of financial indicators, where applicable.
The indicatorSignalPeriod
property applies to only to MovingAverageConvergenceDivergence indicator type.
The smoothing period of financial indicators, where applicable.
The indicatorSmoothingPeriod
property applies to only to FullStochasticOscillator
indicator type.
The smoothing period of financial indicators, where applicable.
The indicatorSmoothingPeriod
property applies to only to FullStochasticOscillator
indicator type.
The outline or stroke thickness of financial indicators.
Use the indicatorThickness
property to set a number that will be used to render outline thickness of all indicators in the Financial Chart control, e.g.
The outline or stroke thickness of financial indicators.
Use the indicatorThickness
property to set a number that will be used to render outline thickness of all indicators in the Financial Chart control, e.g.
A collection indicating what financial indicator types to display on the Financial Chart.
Use the indicatorTypes
property to set types of indicators that will be rendered below the price pane in the Financial Chart control, e.g.
A collection indicating what financial indicator types to display on the Financial Chart.
Use the indicatorTypes
property to set types of indicators that will be rendered below the price pane in the Financial Chart control, e.g.
Gets or sets weather or not a legend is visible between toolbar and chart's plot area
Gets or sets weather or not a legend is visible between toolbar and chart's plot area
Gets or sets whether the chart can highlight series through user interactions. This property applies to Category Chart and Financial Chart controls.
Gets or sets whether the chart can highlight series through user interactions. This property applies to Category Chart and Financial Chart controls.
A boolean property controlling the visibility of the toolbar.
A boolean property controlling the visibility of the toolbar.
A boolean indicating whether the chart should automatically zoom in vertically on the currently visible range of data. When this property is set to true, panning and zooming along the X-axis will result in a corresponding zoom on the Y-axis, so that the visible range of data fills the zoom window as fully as possible.
A boolean indicating whether the chart should automatically zoom in vertically on the currently visible range of data. When this property is set to true, panning and zooming along the X-axis will result in a corresponding zoom on the Y-axis, so that the visible range of data fills the zoom window as fully as possible.
Gets or sets the highlighting mode to use for the legend linked to the component, when supported.
Gets or sets the highlighting mode to use for the legend linked to the component, when supported.
Gets or sets the palette of brushes used for rendering fill area of data point markers. This property applies only to these chart types: point, line, spline, bubble, and polygon
markerBrushes
property used for rendering fill area of data point markers.
this.chart.markerBrushes=[ "#ff0000", "#ffff00", "#00ffff" ];
Gets or sets the palette of brushes used for rendering fill area of data point markers. This property applies only to these chart types: point, line, spline, bubble, and polygon
markerBrushes
property used for rendering fill area of data point markers.
this.chart.markerBrushes=[ "#ff0000", "#ffff00", "#00ffff" ];
Gets or sets the MarkerFillMode for all series in this chart.
Gets or sets the MarkerFillMode for all series in this chart.
Gets or sets the MarkerFillOpacity for all series in this chart.
Gets or sets the MarkerFillOpacity for all series in this chart.
Gets or sets the maximum number of markers displyed in the plot area of the chart.
markerMaxCount
property used to display maximum number of markers in the plot area of the chart.
this.chart.markerMaxCount = 100 ;
Gets or sets the maximum number of markers displyed in the plot area of the chart.
markerMaxCount
property used to display maximum number of markers in the plot area of the chart.
this.chart.markerMaxCount = 100 ;
Gets or sets the MarkerOutlineMode for all series in this chart.
Gets or sets the MarkerOutlineMode for all series in this chart.
Gets or sets the palette of brushes used for rendering outlines of data point markers. This property applies only to these chart types: point, line, spline, bubble, and polygon
markerOutlines
property used for rendering outlines of data point markers.
this.chart.markerOutlines= ["#ff0000", "#ffff00", "#00ffff"] ;
Gets or sets the palette of brushes used for rendering outlines of data point markers. This property applies only to these chart types: point, line, spline, bubble, and polygon
markerOutlines
property used for rendering outlines of data point markers.
this.chart.markerOutlines= ["#ff0000", "#ffff00", "#00ffff"] ;
Gets or sets the marker shapes used for indicating location of data points in this chart. This property applies only to these chart types: point, line, spline, bubble, and polygon
Gets or sets the marker shapes used for indicating location of data points in this chart. This property applies only to these chart types: point, line, spline, bubble, and polygon
Gets or sets the palette used for coloring negative items of Waterfall chart type.
Use the negativeBrushes
property to set a collection of brushes that will be used to render fill area of negative elements in the price pane, e.g.
Gets or sets the palette used for coloring negative items of Waterfall chart type.
Use the negativeBrushes
property to set a collection of brushes that will be used to render fill area of negative elements in the price pane, e.g.
Brushes to use for drawing negative elements, when using a chart type with contextual coloring, such as Waterfall.
Use the negativeOutlines
property to set a collection of brushes that will be used to render outline of negative elements in the price pane, e.g.
Brushes to use for drawing negative elements, when using a chart type with contextual coloring, such as Waterfall.
Use the negativeOutlines
property to set a collection of brushes that will be used to render outline of negative elements in the price pane, e.g.
Gets or sets the OutlineMode for all series in this chart.
Gets or sets the OutlineMode for all series in this chart.
Gets or sets the palette of brushes to use for outlines on the chart series. The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
Use the outlines
property to sets the palette of brushes to use for outlines on the chart series
Gets or sets the palette of brushes to use for outlines on the chart series. The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
Use the outlines
property to sets the palette of brushes to use for outlines on the chart series
Brushes to use for filling financial overlays.
Use the overlayBrushes
property to set a collection of brushes that will be used to render fill area of overlays in the Financial Chart control, e.g.
Brushes to use for filling financial overlays.
Use the overlayBrushes
property to set a collection of brushes that will be used to render fill area of overlays in the Financial Chart control, e.g.
Brushes to use for outlining financial overlays.
Use the overlayOutlines
property to set a collection of brushes that will be used to render outlines of overlays in the Financial Chart control, e.g.
Brushes to use for outlining financial overlays.
Use the overlayOutlines
property to set a collection of brushes that will be used to render outlines of overlays in the Financial Chart control, e.g.
The outline thickness of financial overlays.
Use the overlayThickness
property to set a number that will be used to render outline thickness of all overlays in the Financial Chart control, e.g.
The outline thickness of financial overlays.
Use the overlayThickness
property to set a number that will be used to render outline thickness of all overlays in the Financial Chart control, e.g.
A collection indicating what financial overlay types to display on the Financial Chart.
Use the overlayTypes
property to set types of overlays that will be rendered behind price series in the Financial Chart control, e.g.
A collection indicating what financial overlay types to display on the Financial Chart.
Use the overlayTypes
property to set types of overlays that will be rendered behind price series in the Financial Chart control, e.g.
Gets or sets the scaling value used to affect the pixel density of the control. A higher scaling ratio will produce crisper visuals at the expense of memory. Lower values will cause the control to appear blurry.
Gets or sets the scaling value used to affect the pixel density of the control. A higher scaling ratio will produce crisper visuals at the expense of memory. Lower values will cause the control to appear blurry.
Margin applied below the plot area.
Margin applied below the plot area.
Margin applied to the Left of the plot area.
Margin applied to the Left of the plot area.
Margin applied to the right of the plot area.
Margin applied to the right of the plot area.
Margin applied to the Top of the plot area.
Margin applied to the Top of the plot area.
A FinancialChartRangeSelectorOptionCollection containing the available range selector options on the toolbar.
A FinancialChartRangeSelectorOptionCollection containing the available range selector options on the toolbar.
Gets or sets the rendering resolution for all series in this chart. Where n = Resolution, for every n horizontal pixels, combine all items into a single datapoint. When Resolution = 0, all datapoints will be rendered as graphical objects. Charts with a higher resolution will have faster performance.
Gets or sets the rendering resolution for all series in this chart. Where n = Resolution, for every n horizontal pixels, combine all items into a single datapoint. When Resolution = 0, all datapoints will be rendered as graphical objects. Charts with a higher resolution will have faster performance.
Gets or sets the right margin of the chart content.
Use rightMargin
property for the right margin of the chart content.
this.chart.rightMargin = 20 ;
Gets or sets the right margin of the chart content.
Use rightMargin
property for the right margin of the chart content.
this.chart.rightMargin = 20 ;
Event raised when a series is initialized and added to this chart.
SeriesAdded
event raised when a series is initialized and added to this chart.
Event raised when a series is initialized and added to this chart.
SeriesAdded
event raised when a series is initialized and added to this chart.
Occurs when the pointer is pressed down over a Series.
SeriesPointerDown
event raised when the pointer is pressed down over a Series
Occurs when the pointer is pressed down over a Series.
SeriesPointerDown
event raised when the pointer is pressed down over a Series
Occurs when the pointer enters a Series.
SeriesPointerEnter
event raised when the pointer enters a Series.
CategoryChart_seriesPointerEnter(sender: any , aregs: ChartSeriesEventArgs)
{
}
Occurs when the pointer enters a Series.
SeriesPointerEnter
event raised when the pointer enters a Series.
CategoryChart_seriesPointerEnter(sender: any , aregs: ChartSeriesEventArgs)
{
}
Occurs when the pointer leaves a Series.
SeriesPointerLeave
event raised when the pointer leaves a Series.
CategoryChart_seriesPointerLeave(sender: any , aregs: ChartSeriesEventArgs)
{
}
Occurs when the pointer leaves a Series.
SeriesPointerLeave
event raised when the pointer leaves a Series.
CategoryChart_seriesPointerLeave(sender: any , aregs: ChartSeriesEventArgs)
{
}
Occurs when the pointer moves over a Series.
SeriesPointerMove
event raised when the pointer moves over a Series.
CategoryChart_seriesPointerMove(sender: any , aregs: ChartSeriesEventArgs)
{
}
Occurs when the pointer moves over a Series.
SeriesPointerMove
event raised when the pointer moves over a Series.
CategoryChart_seriesPointerMove(sender: any , aregs: ChartSeriesEventArgs)
{
}
Occurs when the pointer is released over a Series.
SeriesPointerUp
event raised when the pointer is released over a Series.
CategoryChart_seriesPointerUp(sender: any , aregs: ChartSeriesEventArgs)
{
}
Occurs when the pointer is released over a Series.
SeriesPointerUp
event raised when the pointer is released over a Series.
CategoryChart_seriesPointerUp(sender: any , aregs: ChartSeriesEventArgs)
{
}
Event raised when a series is removed from this chart.
SeriesRemoved
event raised when a series is removed from this chart.
CategoryChart_seriesRemoved(sender: any , aregs: ChartSeriesEventArgs)
{
}
Event raised when a series is removed from this chart.
SeriesRemoved
event raised when a series is removed from this chart.
CategoryChart_seriesRemoved(sender: any , aregs: ChartSeriesEventArgs)
{
}
Gets or sets a whether the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
Gets or sets a whether the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
Gets or sets text to display below the Title, above the plot area.
Use the subtitle
property to display the text below and above the plot area.
this.chart.subtitle ="CategoryChart Subtitle" ;
Gets or sets text to display below the Title, above the plot area.
Use the subtitle
property to display the text below and above the plot area.
this.chart.subtitle ="CategoryChart Subtitle" ;
Gets or sets horizontal alignment which determines the subtitle position, relative to the left and right edges of the control.
Use the subtitleAlignment
property to Gets or sets horizontal alignment.
this.chart.subtitleAlignment = HorizontalAlignment.Right;
Gets or sets horizontal alignment which determines the subtitle position, relative to the left and right edges of the control.
Use the subtitleAlignment
property to Gets or sets horizontal alignment.
this.chart.subtitleAlignment = HorizontalAlignment.Right;
Gets or sets the bottom margin of chart subtitle
Use subtitleBottomMargin
property for the bottom margin of chart subtitle.
this.chart.subtitleBottomMargin = 10 ;
Gets or sets the bottom margin of chart subtitle
Use subtitleBottomMargin
property for the bottom margin of chart subtitle.
this.chart.subtitleBottomMargin = 10 ;
Gets or sets the left margin of chart subtitle
Use subtitleLeftMargin
property for the left margin of chart subtitle.
this.chart.subtitleLeftMargin = 20 ;
Gets or sets the left margin of chart subtitle
Use subtitleLeftMargin
property for the left margin of chart subtitle.
this.chart.subtitleLeftMargin = 20 ;
Gets or sets the right margin of chart subtitle
Use subtitleRightMargin
property for the right margin of chart subtitle.
this.chart.subtitleRightMargin = 20 ;
Gets or sets the right margin of chart subtitle
Use subtitleRightMargin
property for the right margin of chart subtitle.
this.chart.subtitleRightMargin = 20 ;
Gets or sets color of chart subtitle
Use subtitleTextColor
property to color the subtitle.
this.chart.subtitleTextColor = "#ff0000" ;
Gets or sets color of chart subtitle
Use subtitleTextColor
property to color the subtitle.
this.chart.subtitleTextColor = "#ff0000" ;
Gets or sets CSS font property for the chart subtitle
Use subtitleTextStyle
property for the CSS font of the chart subtitle.
this.chart.subtitleTextStyle= "16pt Verdona";
Gets or sets CSS font property for the chart subtitle
Use subtitleTextStyle
property for the CSS font of the chart subtitle.
this.chart.subtitleTextStyle= "16pt Verdona";
Gets or sets the top margin of chart subtitle
Use subtitleTopMargin
property for the top margin of chart subtitle.
this.chart.subtitleTopMargin = 10;
Gets or sets the top margin of chart subtitle
Use subtitleTopMargin
property for the top margin of chart subtitle.
this.chart.subtitleTopMargin = 10;
Gets or sets the thickness for all series in this chart. Depending on the ChartType, this can be the main brush used, or just the outline.
Use the thickness
property for the thickness of all the series in this chart.
Gets or sets the thickness for all series in this chart. Depending on the ChartType, this can be the main brush used, or just the outline.
Use the thickness
property for the thickness of all the series in this chart.
Gets or sets horizontal alignment which determines the title position, relative to the left and right edges of the control.
Use the titleAlignment
property for the horizontal alignment of the title.
this.chart.titleAlignment = HorizontalAlignment.Center;
Gets or sets horizontal alignment which determines the title position, relative to the left and right edges of the control.
Use the titleAlignment
property for the horizontal alignment of the title.
this.chart.titleAlignment = HorizontalAlignment.Center;
Gets or sets the bottom margin of chart title
Use titleBottomMargin
property for the bottom margin of chart title.
this.chart.titleBottomMargin = 5;
Gets or sets the bottom margin of chart title
Use titleBottomMargin
property for the bottom margin of chart title.
this.chart.titleBottomMargin = 5;
Gets or sets the left margin of chart title
Use titleLeftMargin
property for the left margin of chart title.
this.chart.titleLeftMargin = 10;
Gets or sets the left margin of chart title
Use titleLeftMargin
property for the left margin of chart title.
this.chart.titleLeftMargin = 10;
Gets or sets the right margin of chart title
Use titleLeftMargin
property for the right margin of chart title.
this.chart.titleRightMargin = 10;
Gets or sets the right margin of chart title
Use titleLeftMargin
property for the right margin of chart title.
this.chart.titleRightMargin = 10;
Gets or sets color of chart title
Use titleTextColor
property to color the chart title
this.chart.titleTextColor="red" ;
Gets or sets color of chart title
Use titleTextColor
property to color the chart title
this.chart.titleTextColor="red" ;
Gets or sets CSS font property for the chart title
Use titleTextStyle
property for the CSS font property of the chart title
this.chart.xAxisTitleTextStyle = "24pt Verdona";
Gets or sets CSS font property for the chart title
Use titleTextStyle
property for the CSS font property of the chart title
this.chart.xAxisTitleTextStyle = "24pt Verdona";
Gets or sets the top margin of chart title
Use titleTopMargin
property for the top margin of chart title.
this.chart.titleTopMargin = 10;
Gets or sets the top margin of chart title
Use titleTopMargin
property for the top margin of chart title.
this.chart.titleTopMargin = 10;
Gets or sets the style of tooltip to be displayed.
Gets or sets the style of tooltip to be displayed.
Sets or gets the template reference to use for tooltips for all the series.
Sets or gets the template reference to use for tooltips for all the series.
Sets or gets the template references to use for tooltips for all the series, in order.
Sets or gets the template references to use for tooltips for all the series, in order.
Gets or sets the top margin of the chart content.
Use topMargin
property for the margin of the chart content.
this.chart.topMargin=20;
Gets or sets the top margin of the chart content.
Use topMargin
property for the margin of the chart content.
this.chart.topMargin=20;
Gets or sets the duration used for animating series plots when the data is changing
Use the transitionDuration
property to animating between data values.
this.chart.transitionDuratio= 500;
Gets or sets the duration used for animating series plots when the data is changing
Use the transitionDuration
property to animating between data values.
this.chart.transitionDuratio= 500;
Gets or sets the easing function used for animating series plots when the data is changing. This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.
The 'transitionInEasingFunction' property used for easing function for animating series plots when the chart is loading into view.
this.chart.transitionInEasingFunction= this.cubicFunc;
cubicFunc(time: number) : number
{
return time;
}
Gets or sets the easing function used for animating series plots when the data is changing. This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.
The 'transitionInEasingFunction' property used for easing function for animating series plots when the chart is loading into view.
this.chart.transitionInEasingFunction= this.cubicFunc;
cubicFunc(time: number) : number
{
return time;
}
Gets or sets the palette of brushes to used for coloring trend lines in this chart. The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
Use the trendLineBrushes
property for coloring trend lines in the chart.
this.chart.trendLineBrushes=["#ff0000", "#ffff00", "#00ffff"] ;
Gets or sets the palette of brushes to used for coloring trend lines in this chart. The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection
Use the trendLineBrushes
property for coloring trend lines in the chart.
this.chart.trendLineBrushes=["#ff0000", "#ffff00", "#00ffff"] ;
Gets or sets the thickness of the trend lines in this chart. This property applies only to these chart types: point, line, spline, and bubble
Use the trendLineThickness
property for the thickness of the trend lines in the chart.
this.chart.trendLineThickness=2;
Gets or sets the thickness of the trend lines in this chart. This property applies only to these chart types: point, line, spline, and bubble
Use the trendLineThickness
property for the thickness of the trend lines in the chart.
this.chart.trendLineThickness=2;
Gets or sets the formula used for calculating trend lines in this chart. This property applies only to these chart types: point, line, spline, and bubble
Use the trendLineType
property for calculating trend lines.
this.chart.trendLineType = TrendLineType.CubicFit;
Gets or sets the formula used for calculating trend lines in this chart. This property applies only to these chart types: point, line, spline, and bubble
Use the trendLineType
property for calculating trend lines.
this.chart.trendLineType = TrendLineType.CubicFit;
Gets or sets the behavior that determines how unknown values will be plotted on the chart. Null and Double.NaN are two examples of unknown values.
Use the unknownValuePlotting
property to determines the behavior that how unknown values will be plotted on the chart.
this.chart.unknownValuePlotting =UnknownValuePlotting.DontPlot;
Gets or sets the behavior that determines how unknown values will be plotted on the chart. Null and Double.NaN are two examples of unknown values.
Use the unknownValuePlotting
property to determines the behavior that how unknown values will be plotted on the chart.
this.chart.unknownValuePlotting =UnknownValuePlotting.DontPlot;
Gets a rectangle representing the bounds of the plot area.
viewport
property representing the bounds of the plot area.
let viewport:Rect = this.chart.viewport;
Brushes to use for filling volume series in the volume pane.
Use the volumeBrushes
property to set a collection of brushes that will be used to render fill area of multiple series in the volume pane of the Financial Chart control, e.g.
Brushes to use for filling volume series in the volume pane.
Use the volumeBrushes
property to set a collection of brushes that will be used to render fill area of multiple series in the volume pane of the Financial Chart control, e.g.
Brushes to use for outlining volume series in the volume pane.
Use the volumeOutlines
property to set a collection of brushes that will be used to render outline of multiple series in the volume pane of the Financial Chart control, e.g.
Brushes to use for outlining volume series in the volume pane.
Use the volumeOutlines
property to set a collection of brushes that will be used to render outline of multiple series in the volume pane of the Financial Chart control, e.g.
The outline thickness of volume series in the volume pane.
Use the volumeThickness
property to set a number that will be used to render outline thickness of all series in the volume pane, e.g.
The outline thickness of volume series in the volume pane.
Use the volumeThickness
property to set a number that will be used to render outline thickness of all series in the volume pane, e.g.
The type of series to display in the volume pane.
Use the volumeType
property to set a type of all series that will be rendered in the volume pane, e.g.
The type of series to display in the volume pane.
Use the volumeType
property to set a type of all series that will be rendered in the volume pane, e.g.
Gets or sets the rectangle representing the current scroll and zoom state of the chart. WindowRect is expressed as a Rectangle with coordinates and sizes between 0 and 1.
Use windowRect
property representing the current scroll and zoom state of the chart.
this.chart.windowRect =[0,0,1,1];
Gets or sets the rectangle representing the current scroll and zoom state of the chart. WindowRect is expressed as a Rectangle with coordinates and sizes between 0 and 1.
Use windowRect
property representing the current scroll and zoom state of the chart.
this.chart.windowRect =[0,0,1,1];
TimeAxisBreaks to apply to this chart when in time axis mode, representing spans of time to omit, such as weekends.
TimeAxisBreaks to apply to this chart when in time axis mode, representing spans of time to omit, such as weekends.
Gets or sets the distance between the X-axis and the bottom of the chart.
To allocate space between the x-axis and the edge of the chart, set the xAxisExtent
property.
this.chart.xAxisExtent="250";
Gets or sets the distance between the X-axis and the bottom of the chart.
To allocate space between the x-axis and the edge of the chart, set the xAxisExtent
property.
this.chart.xAxisExtent="250";
Gets or sets function which takes an context object and returns a formatted label for the X-axis.
To customize the text of the x-axis label, set xAxisFormatLabel
to a single-parameter function. The argument passed to that function will be your data item.
formatX(item: any): string {
return "[ " + item.label + "! ]";
}
Gets or sets function which takes an context object and returns a formatted label for the X-axis.
To customize the text of the x-axis label, set xAxisFormatLabel
to a single-parameter function. The argument passed to that function will be your data item.
formatX(item: any): string {
return "[ " + item.label + "! ]";
}
Gets or sets whether to invert the direction of the X-axis by placing the first data items on the right side of the chart.
To reverse the direction of items along the x-axis, set the xAxisInverted
property to true.
this.chart.XAxisInverted="True";
Gets or sets whether to invert the direction of the X-axis by placing the first data items on the right side of the chart.
To reverse the direction of items along the x-axis, set the xAxisInverted
property to true.
this.chart.XAxisInverted="True";
Gets or sets the format for labels along the X-axis.
Gets or sets the format for labels along the X-axis.
Gets or sets the angle of rotation for labels along the X-axis.
To control the rotation of labels on the x-axis, set the xAxisLabelAngle
property to a number of rotational degrees.
this.chart.xAxisLabelAngle="45";
Gets or sets the angle of rotation for labels along the X-axis.
To control the rotation of labels on the x-axis, set the xAxisLabelAngle
property to a number of rotational degrees.
this.chart.xAxisLabelAngle="45";
Gets or sets the bottom margin of labels on the X-axis
Use the xAxisLabelBottomMargin
property to apply a margin below the x-axis labels.
this.chart.xAxisLabelBottomMargin ="100";
Gets or sets the bottom margin of labels on the X-axis
Use the xAxisLabelBottomMargin
property to apply a margin below the x-axis labels.
this.chart.xAxisLabelBottomMargin ="100";
Gets or sets the format string for the X axis label.
Gets or sets the format string for the X axis label.
Gets or sets the format specifiers to use with the XAxisLabelFormat string.
Gets or sets the format specifiers to use with the XAxisLabelFormat string.
Gets or sets Horizontal alignment of X-axis labels.
Gets or sets Horizontal alignment of X-axis labels.
Gets or sets the left margin of labels on the X-axis
Use the xAxisLabelLeftMargin
property to apply a margin left of the x-axis labels.
this.chart.xAxisLabelLeftMargin ="100";
Gets or sets the left margin of labels on the X-axis
Use the xAxisLabelLeftMargin
property to apply a margin left of the x-axis labels.
this.chart.xAxisLabelLeftMargin ="100";
Gets or sets the right margin of labels on the X-axis
Use the xAxisLabelRightMargin
property to apply a margin right of the x-axis labels.
this.chart.xAxisLabelRightMargin="100";
Gets or sets the right margin of labels on the X-axis
Use the xAxisLabelRightMargin
property to apply a margin right of the x-axis labels.
this.chart.xAxisLabelRightMargin="100";
Gets or sets color of labels on the X-axis
To change the color of x-axis labels, set the xAxisLabelTextColor
property to a color string.
this.chart.xAxisLabelTextColor="green";
Gets or sets color of labels on the X-axis
To change the color of x-axis labels, set the xAxisLabelTextColor
property to a color string.
this.chart.xAxisLabelTextColor="green";
Gets or sets CSS font property for labels on X-axis
To change the font of x-axis labels, set the xAxisLabelTextStyle
property.
this.chart.xAxisLabelTextStyle="italic 15px arial, sans-serif";
Gets or sets CSS font property for labels on X-axis
To change the font of x-axis labels, set the xAxisLabelTextStyle
property.
this.chart.xAxisLabelTextStyle="italic 15px arial, sans-serif";
Gets or sets the top margin of labels on the X-axis
Use the xAxisLabelTopMargin
property to apply a margin above the x-axis labels.
this.chart.xAxisTitleTopMargin="250";
Gets or sets the top margin of labels on the X-axis
Use the xAxisLabelTopMargin
property to apply a margin above the x-axis labels.
this.chart.xAxisTitleTopMargin="250";
Gets or sets Vertical alignment of X-axis labels.
Use the xAxisLabelVerticalAlignment
property to change the vertical position of x-axis labels.
this.chart.xAxisLabelVerticalAlignment="bottom";
Gets or sets Vertical alignment of X-axis labels.
Use the xAxisLabelVerticalAlignment
property to change the vertical position of x-axis labels.
this.chart.xAxisLabelVerticalAlignment="bottom";
Gets or sets Visibility of X-axis labels.
To hide the x-axis labels, set xAxisLabelVisibility
to collapsed.
this.chart.xAxisLabelVisibility="collapsed";
Gets or sets Visibility of X-axis labels.
To hide the x-axis labels, set xAxisLabelVisibility
to collapsed.
this.chart.xAxisLabelVisibility="collapsed";
Gets or sets the color to apply to major gridlines along the X-axis.
Set xAxisMajorStroke
to control the color of major gridlines extending vertically from the x-axis.
this.chart.xAxisMajorStroke="green";
Gets or sets the color to apply to major gridlines along the X-axis.
Set xAxisMajorStroke
to control the color of major gridlines extending vertically from the x-axis.
this.chart.xAxisMajorStroke="green";
Gets or sets the thickness to apply to major gridlines along the X-axis.
Set xAxisMajorStrokeThickness
to control the thickness of major gridlines extending vertically from the x-axis.
this.chart.xAxisMajorStrokeThickness="3" ;
Gets or sets the thickness to apply to major gridlines along the X-axis.
Set xAxisMajorStrokeThickness
to control the thickness of major gridlines extending vertically from the x-axis.
this.chart.xAxisMajorStrokeThickness="3" ;
Gets or sets maximum value on x-axis
Gets or sets maximum value on x-axis
Gets or sets minimum value on x-axis
Gets or sets minimum value on x-axis
Gets or sets the color to apply to minor gridlines along the X-axis.
Set xAxisMinorStroke
to control the color of minor gridlines extending vertically from the x-axis.
this.chart.xAxisExtent="250";
Gets or sets the color to apply to minor gridlines along the X-axis.
Set xAxisMinorStroke
to control the color of minor gridlines extending vertically from the x-axis.
this.chart.xAxisExtent="250";
Gets or sets the thickness to apply to minor gridlines along the X-axis.
Set xAxisMinorStrokeThickness
to control the thickness of minor gridlines extending vertically from the x-axis.
this.chart.xAxisMinorStrokeThickness="3";
Gets or sets the thickness to apply to minor gridlines along the X-axis.
Set xAxisMinorStrokeThickness
to control the thickness of minor gridlines extending vertically from the x-axis.
this.chart.xAxisMinorStrokeThickness="3";
The scaling mode of the X-axis.
Use the xAxisMode
property to plot data items without any breaks in data range (Ordinal mode) or with breaks in data range (Time mode) such as weekends/holidays. Note that the Ordinal axis mode is less expensive to use in the financial chart than the Time axis mode.
The scaling mode of the X-axis.
Use the xAxisMode
property to plot data items without any breaks in data range (Ordinal mode) or with breaks in data range (Time mode) such as weekends/holidays. Note that the Ordinal axis mode is less expensive to use in the financial chart than the Time axis mode.
Gets or sets the color to apply to stripes along the X-axis.
Set xAxisStrip
to control the alternating color of stripes extending vertically from the x-axis.
this.chart.xAxisStrip="green";
Gets or sets the color to apply to stripes along the X-axis.
Set xAxisStrip
to control the alternating color of stripes extending vertically from the x-axis.
this.chart.xAxisStrip="green";
Gets or sets the color to apply to the X-axis line.
Set xAxisStroke
to control the color of the x-axis line.
this.chart.xAxisStroke="green"";
Gets or sets the color to apply to the X-axis line.
Set xAxisStroke
to control the color of the x-axis line.
this.chart.xAxisStroke="green"";
Gets or sets the thickness to apply to the X-axis line.
Set xAxisStrokeThickness
to control the thickness of the x-axis line.
this.chart.xAxisStrokeThickness="2";
Gets or sets the thickness to apply to the X-axis line.
Set xAxisStrokeThickness
to control the thickness of the x-axis line.
this.chart.xAxisStrokeThickness="2";
Gets or sets the length of tickmarks along the X-axis.
Set xAxisTickLength
to control the length of tickmarks extending vertically from the x-axis line.
this.chart.xAxisTickLength="25";
Gets or sets the length of tickmarks along the X-axis.
Set xAxisTickLength
to control the length of tickmarks extending vertically from the x-axis line.
this.chart.xAxisTickLength="25";
Gets or sets the color to apply to tickmarks along the X-axis.
Set xAxisTickStroke
to control the color of tickmarks extending vertically from the x-axis line.
this.chart. xAxisTickStroke="green";
Gets or sets the color to apply to tickmarks along the X-axis.
Set xAxisTickStroke
to control the color of tickmarks extending vertically from the x-axis line.
this.chart. xAxisTickStroke="green";
Gets or sets the thickness to apply to tickmarks along the X-axis.
Set xAxisTickStrokeThickness
to control the thickness of tickmarks extending vertically from the x-axis line.
this.chart.xAxisTickStrokeThickness="20";
Gets or sets the thickness to apply to tickmarks along the X-axis.
Set xAxisTickStrokeThickness
to control the thickness of tickmarks extending vertically from the x-axis line.
this.chart.xAxisTickStrokeThickness="20";
Gets or sets the Text to display below the X-axis.
Set xAxisTitle
to display a label adjacent to the x-axis.
this.chart. xAxisTitle="x axis";
Gets or sets the Text to display below the X-axis.
Set xAxisTitle
to display a label adjacent to the x-axis.
this.chart. xAxisTitle="x axis";
Gets or sets Horizontal alignment of the X-axis title.
Set xAxisTitleAlignment
to control the horizontal alignment of the x-axis title.
this.chart.xAxisTitleAlignment="right";
Gets or sets Horizontal alignment of the X-axis title.
Set xAxisTitleAlignment
to control the horizontal alignment of the x-axis title.
this.chart.xAxisTitleAlignment="right";
Gets or sets the angle of rotation for the X-axis title.
Set xAxisTitleAngle
to control the rotation of the x-axis title.
this.chart.xAxisTitleAngle="50";
Gets or sets the angle of rotation for the X-axis title.
Set xAxisTitleAngle
to control the rotation of the x-axis title.
this.chart.xAxisTitleAngle="50";
Gets or sets the bottom margin of a title on the X-axis
Use the xAxisTitleBottomMargin
property to apply a margin below the x-axis title.
this.chart.xAxisTitleBottomMargin="150";
Gets or sets the bottom margin of a title on the X-axis
Use the xAxisTitleBottomMargin
property to apply a margin below the x-axis title.
this.chart.xAxisTitleBottomMargin="150";
Gets or sets the left margin of a title on the X-axis
Use the xAxisTitleLeftMargin
property to apply a margin left of the x-axis title.
this.chart.xAxisTitleLeftMargin="150";
Gets or sets the left margin of a title on the X-axis
Use the xAxisTitleLeftMargin
property to apply a margin left of the x-axis title.
this.chart.xAxisTitleLeftMargin="150";
Gets or sets the margin around a title on the X-axis
Use the xAxisTitleMargin
property to set a margin around the y-axis title.
Gets or sets the margin around a title on the X-axis
Use the xAxisTitleMargin
property to set a margin around the y-axis title.
Gets or sets the right margin of a title on the X-axis
Use the xAxisTitleRightMargin
property to apply a margin right of the x-axis title.
this.chart.xAxisTitleRightMargin="100";
Gets or sets the right margin of a title on the X-axis
Use the xAxisTitleRightMargin
property to apply a margin right of the x-axis title.
this.chart.xAxisTitleRightMargin="100";
Gets or sets color of title on the X-axis
To change the color of the x-axis title, set the xAxisTitleTextColor
property to a color string.
this.chart.xAxisTitleTextColor="green";
Gets or sets color of title on the X-axis
To change the color of the x-axis title, set the xAxisTitleTextColor
property to a color string.
this.chart.xAxisTitleTextColor="green";
Gets or sets CSS font property for title on X-axis
To change the font of the x-axis title, set the xAxisTitleTextStyle
property.
this.chart.xAxisTitleTextStyle="italic 15px arial, sans-serif";
Gets or sets CSS font property for title on X-axis
To change the font of the x-axis title, set the xAxisTitleTextStyle
property.
this.chart.xAxisTitleTextStyle="italic 15px arial, sans-serif";
Gets or sets the top margin of a title on the X-axis
Use the xAxisTitleTopMargin
property to apply a margin above the x-axis title.
this.chart.xAxisTitleTopMargin="150";
Gets or sets the top margin of a title on the X-axis
Use the xAxisTitleTopMargin
property to apply a margin above the x-axis title.
this.chart.xAxisTitleTopMargin="150";
Gets or sets whether the large numbers on the Y-axis labels are abbreviated.
Gets or sets whether the large numbers on the Y-axis labels are abbreviated.
Gets the current maximum value for the Y-axis.
Gets the current minimum value for the Y-axis.
Gets or sets the distance between the Y-axis and the left edge of the chart.
To allocate space between the x-axis and the edge of the chart, set the xAxisExtent
property.
this.chart.xAxisExtent="250";
Gets or sets the distance between the Y-axis and the left edge of the chart.
To allocate space between the x-axis and the edge of the chart, set the xAxisExtent
property.
this.chart.xAxisExtent="250";
Gets or sets function which takes a context object and returns a formatted label for the Y-axis.
To customize the text of the y-axis label, set yAxisFormatLabel
to a single-parameter function. The argument passed to that function will be the numeric value corresponding to a position on the y-axis.
formatY(value: any): string {
return "[ " + value+ "! ]";
}
Gets or sets function which takes a context object and returns a formatted label for the Y-axis.
To customize the text of the y-axis label, set yAxisFormatLabel
to a single-parameter function. The argument passed to that function will be the numeric value corresponding to a position on the y-axis.
formatY(value: any): string {
return "[ " + value+ "! ]";
}
Gets or sets the distance between each label and grid line along the Y-axis.
The yAxisInterval
determines how often to show a label, tickmark, and/or gridline along the y-axis. Set this property to a number less than the numeric range of the y-axis.
Gets or sets the distance between each label and grid line along the Y-axis.
The yAxisInterval
determines how often to show a label, tickmark, and/or gridline along the y-axis. Set this property to a number less than the numeric range of the y-axis.
Gets or sets whether to invert the direction of the Y-axis by placing the minimum numeric value at the top of the chart.
You can use yAxisInverted
to invert the scale of the y axis like this:
this.chart.yAxisInverted="true";
The default value of yAxisInverted
is false.
Gets or sets whether to invert the direction of the Y-axis by placing the minimum numeric value at the top of the chart.
You can use yAxisInverted
to invert the scale of the y axis like this:
this.chart.yAxisInverted="true";
The default value of yAxisInverted
is false.
Gets or sets whether the Y-axis should use a logarithmic scale instead of a linear one. Since log(-1) is imaginary and log(0) is undefined, it is recommended to enable this property only when the Y-axis minimum is greater than zero.
Gets or sets whether the Y-axis should use a logarithmic scale instead of a linear one. Since log(-1) is imaginary and log(0) is undefined, it is recommended to enable this property only when the Y-axis minimum is greater than zero.
Gets or sets the property or string from which the labels are derived.
Gets or sets the property or string from which the labels are derived.
Gets or sets the angle of rotation for labels along the Y-axis.
To control the rotation of labels on the y-axis, set the yAxisLabelAngle
property to a number of rotational degrees.
this.chart.yAxisLabelAngle="25";
Gets or sets the angle of rotation for labels along the Y-axis.
To control the rotation of labels on the y-axis, set the yAxisLabelAngle
property to a number of rotational degrees.
this.chart.yAxisLabelAngle="25";
Gets or sets the bottom margin of labels on the Y-axis
Use the yAxisLabelBottomMargin
property to apply a margin below the y-axis labels.
this.chart.yAxisLabelBottomMargin="250";
Gets or sets the bottom margin of labels on the Y-axis
Use the yAxisLabelBottomMargin
property to apply a margin below the y-axis labels.
this.chart.yAxisLabelBottomMargin="250";
Gets or sets the format string for the Y axis label.
Gets or sets the format string for the Y axis label.
Gets or sets the format specifiers to use with the YAxisLabelFormat string.
Gets or sets the format specifiers to use with the YAxisLabelFormat string.
Gets or sets Horizontal alignment of Y-axis labels.
Gets or sets Horizontal alignment of Y-axis labels.
Gets or sets the left margin of labels on the Y-axis
Use the yAxisLabelLeftMargin
property to apply a margin left of the y-axis labels.
this.chart. yAxisLabelLeftMargin="250";
Gets or sets the left margin of labels on the Y-axis
Use the yAxisLabelLeftMargin
property to apply a margin left of the y-axis labels.
this.chart. yAxisLabelLeftMargin="250";
Gets or sets the location of Y-axis labels, relative to the plot area.
Gets or sets the location of Y-axis labels, relative to the plot area.
Gets or sets the right margin of labels on the Y-axis
Use the yAxisLabelRightMargin
property to apply a margin right of the y-axis labels.
this.chart.yAxisLabelRightMargin="250";
Gets or sets the right margin of labels on the Y-axis
Use the yAxisLabelRightMargin
property to apply a margin right of the y-axis labels.
this.chart.yAxisLabelRightMargin="250";
Gets or sets color of labels on the Y-axis
To change the color of y-axis labels, set the yAxisLabelTextColor
property to a color string.
this.chart.yAxisLabelTextColor="green";
Gets or sets color of labels on the Y-axis
To change the color of y-axis labels, set the yAxisLabelTextColor
property to a color string.
this.chart.yAxisLabelTextColor="green";
Gets or sets CSS font property for labels on Y-axis
To change the font of x-axis labels, set the yAxisLabelTextStyle
property.
this.chart. yAxisLabelTextStyle="italic 15px arial, sans-serif";
Gets or sets CSS font property for labels on Y-axis
To change the font of x-axis labels, set the yAxisLabelTextStyle
property.
this.chart. yAxisLabelTextStyle="italic 15px arial, sans-serif";
Gets or sets the top margin of labels on the Y-axis
Use the yAxisLabelTopMargin
property to apply a margin above the y-axis labels.
this.chart.yAxisLabelTopMargin="250";
Gets or sets the top margin of labels on the Y-axis
Use the yAxisLabelTopMargin
property to apply a margin above the y-axis labels.
this.chart.yAxisLabelTopMargin="250";
Gets or sets Vertical alignment of Y-axis labels.
Gets or sets Vertical alignment of Y-axis labels.
Gets or sets Visibility of Y-axis labels.
To hide the y-axis labels, set yAxisLabelVisibility
to collapsed.
this.chart.yAxisLabelVisibility="collapsed"";
Gets or sets Visibility of Y-axis labels.
To hide the y-axis labels, set yAxisLabelVisibility
to collapsed.
this.chart.yAxisLabelVisibility="collapsed"";
Gets or sets the base value to use in the log function when mapping the position of data items along the Y-axis. This property is effective only when YAxisIsLogarithmic is true.
Gets or sets the base value to use in the log function when mapping the position of data items along the Y-axis. This property is effective only when YAxisIsLogarithmic is true.
Gets or sets the color to apply to major gridlines along the Y-axis.
Set yAxisMajorStroke
to control the color of major gridlines extending horizontally from the y-axis.
this.chart.yAxisMajorStroke="green";
Gets or sets the color to apply to major gridlines along the Y-axis.
Set yAxisMajorStroke
to control the color of major gridlines extending horizontally from the y-axis.
this.chart.yAxisMajorStroke="green";
Gets or sets the thickness to apply to major gridlines along the Y-axis.
Set yAxisMajorStrokeThickness
to control the thickness of major gridlines extending horizontally from the y-axis.
this.chart.yAxisMajorStrokeThickness="2";
Gets or sets the thickness to apply to major gridlines along the Y-axis.
Set yAxisMajorStrokeThickness
to control the thickness of major gridlines extending horizontally from the y-axis.
this.chart.yAxisMajorStrokeThickness="2";
Gets or sets the data value corresponding to the maximum value of the Y-axis.
The yAxisMaximumValue
determines ending value of labels, tickmarks, and gridlines on the y-axis.
Gets or sets the data value corresponding to the maximum value of the Y-axis.
The yAxisMaximumValue
determines ending value of labels, tickmarks, and gridlines on the y-axis.
Gets or sets the data value corresponding to the minimum value of the Y-axis.
The yAxisMinimumValue
determines starting value of labels, tickmarks, and gridlines on the y-axis.
Gets or sets the data value corresponding to the minimum value of the Y-axis.
The yAxisMinimumValue
determines starting value of labels, tickmarks, and gridlines on the y-axis.
Gets or sets the frequency of displayed minor lines along the Y-axis.
The yAxisMinorInterval
determines how often to show minor gridline along the y-axis. Set this property to a number less than the yAxisInterval
and the numeric range of the y-axis.
Gets or sets the frequency of displayed minor lines along the Y-axis.
The yAxisMinorInterval
determines how often to show minor gridline along the y-axis. Set this property to a number less than the yAxisInterval
and the numeric range of the y-axis.
Gets or sets the color to apply to minor gridlines along the Y-axis.
Set yAxisMinorStroke
to control the color of minor gridlines extending horizontally from the y-axis.
this.chart.yAxisMinorStroke="green";
Gets or sets the color to apply to minor gridlines along the Y-axis.
Set yAxisMinorStroke
to control the color of minor gridlines extending horizontally from the y-axis.
this.chart.yAxisMinorStroke="green";
Gets or sets the thickness to apply to minor gridlines along the Y-axis.
Set yAxisMinorStrokeThickness
to control the thickness of minor gridlines extending horizontally from the y-axis.
this.chart.yAxisMinorStrokeThickness="3";
Gets or sets the thickness to apply to minor gridlines along the Y-axis.
Set yAxisMinorStrokeThickness
to control the thickness of minor gridlines extending horizontally from the y-axis.
this.chart.yAxisMinorStrokeThickness="3";
The scaling mode of the Y-axis.
Use the yAxisMode
property to plot data items using their actual values (Numeric) or using percent changes from the first data point (PercentChange), e.g.
The scaling mode of the Y-axis.
Use the yAxisMode
property to plot data items using their actual values (Numeric) or using percent changes from the first data point (PercentChange), e.g.
Gets or sets the color to apply to stripes along the Y-axis.
Set yAxisStrip
to control the alternating color of stripes extending horizontally from the y-axis.
this.chart.yAxisStrip="green";
Gets or sets the color to apply to stripes along the Y-axis.
Set yAxisStrip
to control the alternating color of stripes extending horizontally from the y-axis.
this.chart.yAxisStrip="green";
Gets or sets the color to apply to the Y-axis line.
Set yAxisStroke
to control the color of the y-axis line.
this.chart.yAxisStroke="green";
Gets or sets the color to apply to the Y-axis line.
Set yAxisStroke
to control the color of the y-axis line.
this.chart.yAxisStroke="green";
Gets or sets the thickness to apply to the Y-axis line.
Set yAxisStrokeThickness
to control the thickness of the y-axis line.
this.chart. yAxisStrokeThickness="2";
Gets or sets the thickness to apply to the Y-axis line.
Set yAxisStrokeThickness
to control the thickness of the y-axis line.
this.chart. yAxisStrokeThickness="2";
Gets or sets the length of tickmarks along the Y-axis.
Set yAxisTickLength
to control the length of tickmarks extending horizontally from the y-axis line.
this.chart.yAxisTickLength="25";
Gets or sets the length of tickmarks along the Y-axis.
Set yAxisTickLength
to control the length of tickmarks extending horizontally from the y-axis line.
this.chart.yAxisTickLength="25";
Gets or sets the color to apply to tickmarks along the Y-axis.
Set yAxisTickStroke
to control the color of tickmarks extending horizontally from the y-axis line.
this.chart.yAxisTickStroke="green";
Gets or sets the color to apply to tickmarks along the Y-axis.
Set yAxisTickStroke
to control the color of tickmarks extending horizontally from the y-axis line.
this.chart.yAxisTickStroke="green";
Gets or sets the thickness to apply to tickmarks along the Y-axis.
Set yAxisTickStrokeThickness
to control the thickness of tickmarks extending vertically from the y-axis line.
this.chart.yAxisTickStrokeThickness="25";
Gets or sets the thickness to apply to tickmarks along the Y-axis.
Set yAxisTickStrokeThickness
to control the thickness of tickmarks extending vertically from the y-axis line.
this.chart.yAxisTickStrokeThickness="25";
Gets or sets the Text to display to the left of the Y-axis.
Set yAxisTitle
to display a label adjacent to the y-axis.
this.chart.yAxisTitle="y axis";
Gets or sets the Text to display to the left of the Y-axis.
Set yAxisTitle
to display a label adjacent to the y-axis.
this.chart.yAxisTitle="y axis";
Gets or sets Vertical alignment of the Y-axis title.
Set yAxisTitleAlignment
to control the vertical alignment of the x-axis title.
this.chart.yAxisTitleAlignment="bottom";
Gets or sets Vertical alignment of the Y-axis title.
Set yAxisTitleAlignment
to control the vertical alignment of the x-axis title.
this.chart.yAxisTitleAlignment="bottom";
Gets or sets the angle of rotation for the Y-axis title.
Set yAxisTitleAngle
to control the rotation of the y-axis title.
this.chart.yAxisTitleAngle="25";
Gets or sets the angle of rotation for the Y-axis title.
Set yAxisTitleAngle
to control the rotation of the y-axis title.
this.chart.yAxisTitleAngle="25";
Gets or sets the bottom margin of a title on the Y-axis
Use the yAxisTitleBottomMargin
property to apply a margin below the y-axis title.
this.chart.yAxisTitleBottomMargin="150";
Gets or sets the bottom margin of a title on the Y-axis
Use the yAxisTitleBottomMargin
property to apply a margin below the y-axis title.
this.chart.yAxisTitleBottomMargin="150";
Gets or sets the left margin of a title on the Y-axis
Use the yAxisTitleLeftMargin
property to apply a margin left of the y-axis title.
this.chart.yAxisTitleLeftMargin="150";
Gets or sets the left margin of a title on the Y-axis
Use the yAxisTitleLeftMargin
property to apply a margin left of the y-axis title.
this.chart.yAxisTitleLeftMargin="150";
Gets or sets the margin around a title on the Y-axis
Use the yAxisTitleMargin
property to set a margin around the y-axis title.
Gets or sets the margin around a title on the Y-axis
Use the yAxisTitleMargin
property to set a margin around the y-axis title.
Gets or sets the right margin of a title on the Y-axis
Use the yAxisTitleRightMargin
property to apply a margin right of the y-axis title.
this.chart.yAxisTitleRightMargin="150";
Gets or sets the right margin of a title on the Y-axis
Use the yAxisTitleRightMargin
property to apply a margin right of the y-axis title.
this.chart.yAxisTitleRightMargin="150";
Gets or sets color of title on the Y-axis
To change the color of the y-axis title, set the yAxisTitleTextColor
property to a color string.
this.chart.yAxisTitleTextColor="green";
Gets or sets color of title on the Y-axis
To change the color of the y-axis title, set the yAxisTitleTextColor
property to a color string.
this.chart.yAxisTitleTextColor="green";
Gets or sets CSS font property for title on Y-axis
To change the font of the x-axis title, set the yAxisTitleTextStyle
property.
this.chart.yAxisTitleTextStyle="italic 15px arial, sans-serif";
Gets or sets CSS font property for title on Y-axis
To change the font of the x-axis title, set the yAxisTitleTextStyle
property.
this.chart.yAxisTitleTextStyle="italic 15px arial, sans-serif";
Gets or sets the top margin of a title on the Y-axis
Use the yAxisTitleTopMargin
property to apply a margin above the y-axis title.
this.chart.yAxisTitleTopMargin="150";
Gets or sets the top margin of a title on the Y-axis
Use the yAxisTitleTopMargin
property to apply a margin above the y-axis title.
this.chart.yAxisTitleTopMargin="150";
Gets or sets type of series to display in the zoom slider pane.
Use the zoomSliderType
property to set a type of all series that will be rendered in the zoom pane, e.g.
Gets or sets type of series to display in the zoom slider pane.
Use the zoomSliderType
property to set a type of all series that will be rendered in the zoom pane, e.g.
Gets or sets stroke brush of major gridlines on x-axis of the zoom slider pane
Gets or sets stroke brush of major gridlines on x-axis of the zoom slider pane
Gets or sets thickness of major gridlines on x-axis of the zoom slider pane
Gets or sets thickness of major gridlines on x-axis of the zoom slider pane
Inserts nodes just after node, while replacing strings in nodes with equivalent Text nodes. Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
Inserts nodes after the last child of node, while replacing strings in nodes with equivalent Text nodes. Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
Creates a shadow root for element and returns it.
Inserts nodes just before node, while replacing strings in nodes with equivalent Text nodes. Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
Returns a copy of node. If deep is true, the copy also includes the node's descendants.
Returns the first (starting at element) inclusive ancestor that matches selectors, and null otherwise.
Returns true if other is an inclusive descendant of node, and false otherwise.
Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.
Returns visuals as a serialized string.
Forces any pending refresh to the chart to be finished.
Method flush
used to Forces any pending deferred work to render on the chart before continuing.
this.chart.flush();
Returns element's first attribute whose qualified name is qualifiedName, and null if there is no such attribute otherwise.
Returns element's attribute whose namespace is namespace and local name is localName, and null if there is no such attribute otherwise.
Returns the qualified names of all element's attributes. Can contain duplicates.
Returns node's node document's document base URL.