ASP.NET MVC - EJ2

Upgrade Guide User Guide Demos Support Forums Download
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class Chart - ASP.NETMVC-EJ2 API Reference | Syncfusion

    Show / Hide Table of Contents

    Class Chart

    Inheritance
    System.Object
    TagHelper
    EJTagHelper
    Chart
    Inherited Members
    EJTagHelper.GetList()
    EJTagHelper.GetSerializedProperties()
    EJTagHelper.GetScriptString()
    EJTagHelper.GetHtmlAttrString(IDictionary<String, Object>)
    EJTagHelper.Id
    EJTagHelper.IsChild
    EJTagHelper.IsComplex
    EJTagHelper.IsCollection
    EJTagHelper.ParentPropertyName
    System.Object.ToString()
    System.Object.Equals(System.Object)
    System.Object.Equals(System.Object, System.Object)
    System.Object.ReferenceEquals(System.Object, System.Object)
    System.Object.GetHashCode()
    System.Object.GetType()
    System.Object.MemberwiseClone()
    Namespace: Syncfusion.EJ2.Charts
    Assembly: Syncfusion.EJ2.dll
    Syntax
    public class Chart : EJTagHelper

    Constructors

    Chart()

    Declaration
    public Chart()

    Properties

    AfterExport

    Triggers after the export completed.

    Declaration
    [HtmlAttributeName("afterExport")]
    public string AfterExport { get; set; }
    Property Value
    Type Description
    System.String

    AllowExport

    To enable export feature in blazor chart.

    Declaration
    [HtmlAttributeName("allowExport")]
    public bool AllowExport { get; set; }
    Property Value
    Type Description
    System.Boolean

    AllowMultiSelection

    If set true, enables the multi drag selection in chart. It requires selectionMode to be Dragx | DragY | or DragXY.

    Declaration
    [HtmlAttributeName("allowMultiSelection")]
    public bool AllowMultiSelection { get; set; }
    Property Value
    Type Description
    System.Boolean

    AnimationComplete

    Triggers after animation is completed for the series.

    Declaration
    [HtmlAttributeName("animationComplete")]
    public string AnimationComplete { get; set; }
    Property Value
    Type Description
    System.String

    AnnotationRender

    Triggers before the annotation gets rendered.

    Declaration
    [HtmlAttributeName("annotationRender")]
    public string AnnotationRender { get; set; }
    Property Value
    Type Description
    System.String

    Annotations

    The configuration for annotation in chart.

    Declaration
    [HtmlAttributeName("annotations")]
    public List<ChartAnnotation> Annotations { get; set; }
    Property Value
    Type Description
    System.Collections.Generic.List<ChartAnnotation>

    Axes

    Secondary axis collection for the chart.

    Declaration
    [HtmlAttributeName("axes")]
    public List<ChartAxis> Axes { get; set; }
    Property Value
    Type Description
    System.Collections.Generic.List<ChartAxis>

    AxisLabelClick

    Triggers when x axis label clicked.

    Declaration
    [HtmlAttributeName("axisLabelClick")]
    public string AxisLabelClick { get; set; }
    Property Value
    Type Description
    System.String

    AxisLabelRender

    Triggers before each axis label is rendered.

    Declaration
    [HtmlAttributeName("axisLabelRender")]
    public string AxisLabelRender { get; set; }
    Property Value
    Type Description
    System.String

    AxisMultiLabelRender

    Triggers before each axis multi label is rendered.

    Declaration
    [HtmlAttributeName("axisMultiLabelRender")]
    public string AxisMultiLabelRender { get; set; }
    Property Value
    Type Description
    System.String

    AxisRangeCalculated

    Triggers before each axis range is rendered.

    Declaration
    [HtmlAttributeName("axisRangeCalculated")]
    public string AxisRangeCalculated { get; set; }
    Property Value
    Type Description
    System.String

    Background

    The background color of the chart that accepts value in hex and rgba as a valid CSS color string.

    Declaration
    [HtmlAttributeName("background")]
    public string Background { get; set; }
    Property Value
    Type Description
    System.String

    BackgroundImage

    The background image of the chart that accepts value in string as url link or location of an image.

    Declaration
    [HtmlAttributeName("backgroundImage")]
    public string BackgroundImage { get; set; }
    Property Value
    Type Description
    System.String

    BeforeExport

    Triggers before the export gets started.

    Declaration
    [HtmlAttributeName("beforeExport")]
    public string BeforeExport { get; set; }
    Property Value
    Type Description
    System.String

    BeforePrint

    Triggers before the prints gets started.

    Declaration
    [HtmlAttributeName("beforePrint")]
    public string BeforePrint { get; set; }
    Property Value
    Type Description
    System.String

    BeforeResize

    Triggers before resizing of chart

    Declaration
    [HtmlAttributeName("beforeResize")]
    public string BeforeResize { get; set; }
    Property Value
    Type Description
    System.String

    Border

    Options for customizing the color and width of the chart border.

    Declaration
    [HtmlAttributeName("border")]
    public ChartBorder Border { get; set; }
    Property Value
    Type Description
    ChartBorder

    ChartArea

    Options for configuring the border and background of the chart area.

    Declaration
    [HtmlAttributeName("chartArea")]
    public ChartArea ChartArea { get; set; }
    Property Value
    Type Description
    ChartArea

    ChartDoubleClick

    Triggers on double clicking the chart.

    Declaration
    [HtmlAttributeName("chartDoubleClick")]
    public string ChartDoubleClick { get; set; }
    Property Value
    Type Description
    System.String

    ChartMouseClick

    Triggers on clicking the chart.

    Declaration
    [HtmlAttributeName("chartMouseClick")]
    public string ChartMouseClick { get; set; }
    Property Value
    Type Description
    System.String

    ChartMouseDown

    Triggers on mouse down.

    Declaration
    [HtmlAttributeName("chartMouseDown")]
    public string ChartMouseDown { get; set; }
    Property Value
    Type Description
    System.String

    ChartMouseLeave

    Triggers when cursor leaves the chart.

    Declaration
    [HtmlAttributeName("chartMouseLeave")]
    public string ChartMouseLeave { get; set; }
    Property Value
    Type Description
    System.String

    ChartMouseMove

    Triggers on hovering the chart.

    Declaration
    [HtmlAttributeName("chartMouseMove")]
    public string ChartMouseMove { get; set; }
    Property Value
    Type Description
    System.String

    ChartMouseUp

    Triggers on mouse up.

    Declaration
    [HtmlAttributeName("chartMouseUp")]
    public string ChartMouseUp { get; set; }
    Property Value
    Type Description
    System.String

    ClassName

    Declaration
    protected override string ClassName { get; }
    Property Value
    Type Description
    System.String
    Overrides
    EJTagHelper.ClassName

    Columns

    Options to split chart into multiple plotting areas vertically. Each object in the collection represents a plotting area in the chart.

    Declaration
    [HtmlAttributeName("columns")]
    public List<ChartColumn> Columns { get; set; }
    Property Value
    Type Description
    System.Collections.Generic.List<ChartColumn>

    Crosshair

    Options for customizing the crosshair of the chart.

    Declaration
    [HtmlAttributeName("crosshair")]
    public ChartCrosshairSettings Crosshair { get; set; }
    Property Value
    Type Description
    ChartCrosshairSettings

    DataSource

    Specifies the DataSource for the chart. It can be an array of JSON objects or an instance of DataManager.

    Declaration
    [HtmlAttributeName("dataSource")]
    public object DataSource { get; set; }
    Property Value
    Type Description
    System.Object

    Description

    Description for chart.

    Declaration
    [HtmlAttributeName("description")]
    public string Description { get; set; }
    Property Value
    Type Description
    System.String

    Drag

    Triggers when the point is dragging.

    Declaration
    [HtmlAttributeName("drag")]
    public string Drag { get; set; }
    Property Value
    Type Description
    System.String

    DragComplete

    Triggers after the drag selection is completed.

    Declaration
    [HtmlAttributeName("dragComplete")]
    public string DragComplete { get; set; }
    Property Value
    Type Description
    System.String

    DragEnd

    Triggers when the point drag end.

    Declaration
    [HtmlAttributeName("dragEnd")]
    public string DragEnd { get; set; }
    Property Value
    Type Description
    System.String

    DragStart

    Triggers when the point drag start.

    Declaration
    [HtmlAttributeName("dragStart")]
    public string DragStart { get; set; }
    Property Value
    Type Description
    System.String

    EnableAnimation

    If set true, Animation process will be executed.

    Declaration
    [HtmlAttributeName("enableAnimation")]
    public bool EnableAnimation { get; set; }
    Property Value
    Type Description
    System.Boolean

    EnableAutoIntervalOnBothAxis

    If set to true, both axis interval will be calculated automatically with respect to the zoomed range.

    Declaration
    [HtmlAttributeName("enableAutoIntervalOnBothAxis")]
    public bool EnableAutoIntervalOnBothAxis { get; set; }
    Property Value
    Type Description
    System.Boolean

    EnableCanvas

    It specifies whether the chart should be rendered in canvas mode

    Declaration
    [HtmlAttributeName("enableCanvas")]
    public bool EnableCanvas { get; set; }
    Property Value
    Type Description
    System.Boolean

    EnableExport

    To enable export feature in chart.

    Declaration
    [HtmlAttributeName("enableExport")]
    public bool EnableExport { get; set; }
    Property Value
    Type Description
    System.Boolean

    EnablePersistence

    Enable or disable persisting component's state between page reloads.

    Declaration
    [HtmlAttributeName("enablePersistence")]
    public bool EnablePersistence { get; set; }
    Property Value
    Type Description
    System.Boolean

    EnableRtl

    Enable or disable rendering component in right to left direction.

    Declaration
    [HtmlAttributeName("enableRtl")]
    public bool EnableRtl { get; set; }
    Property Value
    Type Description
    System.Boolean

    EnableSideBySidePlacement

    To enable the side by side placing the points for column type series.

    Declaration
    [HtmlAttributeName("enableSideBySidePlacement")]
    public bool EnableSideBySidePlacement { get; set; }
    Property Value
    Type Description
    System.Boolean

    Height

    The height of the chart as a string accepts input both as '100px' or '100%'. If specified as '100%, chart renders to the full height of its parent element.

    Declaration
    [HtmlAttributeName("height")]
    public string Height { get; set; }
    Property Value
    Type Description
    System.String

    HighlightColor

    Define the color for the data point on highlight.

    Declaration
    [HtmlAttributeName("highlightColor")]
    public string HighlightColor { get; set; }
    Property Value
    Type Description
    System.String

    HighlightMode

    Specifies whether series or data point has to be selected. They are, none: Disables the highlight. series: highlight a series. point: highlight a point. cluster: highlight a cluster of point

    Declaration
    [HtmlAttributeName("highlightMode")]
    public HighlightMode HighlightMode { get; set; }
    Property Value
    Type Description
    HighlightMode

    HighlightPattern

    Specifies whether series or data point has to be selected. They are, none: sets none as highlighting pattern. chessboard: sets chess board as highlighting pattern. dots: sets dots as highlighting pattern. diagonalForward: sets diagonal forward as highlighting pattern. crosshatch: sets crosshatch as highlighting pattern. pacman: sets pacman highlighting pattern. diagonalbackward: sets diagonal backward as highlighting pattern. grid: sets grid as highlighting pattern. turquoise: sets turquoise as highlighting pattern. star: sets star as highlighting pattern. triangle: sets triangle as highlighting pattern. circle: sets circle as highlighting pattern. tile: sets tile as highlighting pattern. horizontaldash: sets horizontal dash as highlighting pattern. verticaldash: sets vertical dash as highlighting pattern. rectangle: sets rectangle as highlighting pattern. box: sets box as highlighting pattern. verticalstripe: sets vertical stripe as highlighting pattern. horizontalstripe: sets horizontal stripe as highlighting pattern. bubble: sets bubble as highlighting pattern.

    Declaration
    [HtmlAttributeName("highlightPattern")]
    public SelectionPattern HighlightPattern { get; set; }
    Property Value
    Type Description
    SelectionPattern

    HtmlAttributes

    Allows additional HTML attributes such as title, name, etc., and accepts n number of attributes in a key-value pair format.

    Declaration
    [HtmlAttributeName("htmlAttributes")]
    public object HtmlAttributes { get; set; }
    Property Value
    Type Description
    System.Object

    Indicators

    Defines the collection of technical indicators, that are used in financial markets

    Declaration
    [HtmlAttributeName("indicators")]
    public List<ChartIndicator> Indicators { get; set; }
    Property Value
    Type Description
    System.Collections.Generic.List<ChartIndicator>

    IsFor

    Declaration
    protected override bool IsFor { get; }
    Property Value
    Type Description
    System.Boolean
    Overrides
    EJTagHelper.IsFor

    IsMultiSelect

    If set true, enables the multi selection in chart. It requires selectionMode to be Point | Series | or Cluster.

    Declaration
    [HtmlAttributeName("isMultiSelect")]
    public bool IsMultiSelect { get; set; }
    Property Value
    Type Description
    System.Boolean

    IsTransposed

    It specifies whether the chart should be render in transposed manner or not.

    Declaration
    [HtmlAttributeName("isTransposed")]
    public bool IsTransposed { get; set; }
    Property Value
    Type Description
    System.Boolean

    LegendClick

    Triggers after click on legend

    Declaration
    [HtmlAttributeName("legendClick")]
    public string LegendClick { get; set; }
    Property Value
    Type Description
    System.String

    LegendRender

    Triggers before the legend is rendered.

    Declaration
    [HtmlAttributeName("legendRender")]
    public string LegendRender { get; set; }
    Property Value
    Type Description
    System.String

    LegendSettings

    Options for customizing the legend of the chart.

    Declaration
    [HtmlAttributeName("legendSettings")]
    public ChartLegendSettings LegendSettings { get; set; }
    Property Value
    Type Description
    ChartLegendSettings

    Load

    Triggers before chart load.

    Declaration
    [HtmlAttributeName("load")]
    public string Load { get; set; }
    Property Value
    Type Description
    System.String

    Loaded

    Triggers after chart load.

    Declaration
    [HtmlAttributeName("loaded")]
    public string Loaded { get; set; }
    Property Value
    Type Description
    System.String

    Locale

    Overrides the global culture and localization value for this component. Default global culture is 'en-US'.

    Declaration
    [HtmlAttributeName("locale")]
    public string Locale { get; set; }
    Property Value
    Type Description
    System.String

    Margin

    Options to customize left, right, top and bottom margins of the chart.

    Declaration
    [HtmlAttributeName("margin")]
    public ChartMargin Margin { get; set; }
    Property Value
    Type Description
    ChartMargin

    MultiLevelLabelClick

    Triggers after click on multiLevelLabelClick

    Declaration
    [HtmlAttributeName("multiLevelLabelClick")]
    public string MultiLevelLabelClick { get; set; }
    Property Value
    Type Description
    System.String

    NameSpace

    Declaration
    protected override string NameSpace { get; }
    Property Value
    Type Description
    System.String
    Overrides
    EJTagHelper.NameSpace

    OnZooming

    Triggers after the zoom selection is triggered.

    Declaration
    [HtmlAttributeName("onZooming")]
    public string OnZooming { get; set; }
    Property Value
    Type Description
    System.String

    Palettes

    Palette for the chart series.

    Declaration
    [HtmlAttributeName("palettes")]
    public string[] Palettes { get; set; }
    Property Value
    Type Description
    System.String[]

    PointClick

    Triggers on point click.

    Declaration
    [HtmlAttributeName("pointClick")]
    public string PointClick { get; set; }
    Property Value
    Type Description
    System.String

    PointDoubleClick

    Triggers on point double click.

    Declaration
    [HtmlAttributeName("pointDoubleClick")]
    public string PointDoubleClick { get; set; }
    Property Value
    Type Description
    System.String

    PointMove

    Triggers on point move.

    Declaration
    [HtmlAttributeName("pointMove")]
    public string PointMove { get; set; }
    Property Value
    Type Description
    System.String

    PointRender

    Triggers before each points for the series is rendered.

    Declaration
    [HtmlAttributeName("pointRender")]
    public string PointRender { get; set; }
    Property Value
    Type Description
    System.String

    PrimaryXAxis

    Options to configure the horizontal axis.

    Declaration
    [HtmlAttributeName("primaryXAxis")]
    public ChartAxis PrimaryXAxis { get; set; }
    Property Value
    Type Description
    ChartAxis

    PrimaryYAxis

    Options to configure the vertical axis.

    Declaration
    [HtmlAttributeName("primaryYAxis")]
    public ChartAxis PrimaryYAxis { get; set; }
    Property Value
    Type Description
    ChartAxis

    RangeColorSettings

    Options for customizing the points fill color based on condition.

    Declaration
    [HtmlAttributeName("rangeColorSettings")]
    public List<ChartRangeColorSetting> RangeColorSettings { get; set; }
    Property Value
    Type Description
    System.Collections.Generic.List<ChartRangeColorSetting>

    Resized

    Triggers after resizing of chart

    Declaration
    [HtmlAttributeName("resized")]
    public string Resized { get; set; }
    Property Value
    Type Description
    System.String

    Rows

    Options to split Chart into multiple plotting areas horizontally. Each object in the collection represents a plotting area in the Chart.

    Declaration
    [HtmlAttributeName("rows")]
    public List<ChartRow> Rows { get; set; }
    Property Value
    Type Description
    System.Collections.Generic.List<ChartRow>

    ScrollChanged

    Triggers when change the scroll.

    Declaration
    [HtmlAttributeName("scrollChanged")]
    public string ScrollChanged { get; set; }
    Property Value
    Type Description
    System.String

    ScrollEnd

    Triggers after the scroll end.

    Declaration
    [HtmlAttributeName("scrollEnd")]
    public string ScrollEnd { get; set; }
    Property Value
    Type Description
    System.String

    ScrollStart

    Triggers when start the scroll.

    Declaration
    [HtmlAttributeName("scrollStart")]
    public string ScrollStart { get; set; }
    Property Value
    Type Description
    System.String

    SelectedDataIndexes

    Specifies the point indexes to be selected while loading a chart. It requires selectionMode or highlightMode to be Point | Series | or Cluster.

    Declaration
    [HtmlAttributeName("selectedDataIndexes")]
    public List<ChartSelectedDataIndex> SelectedDataIndexes { get; set; }
    Property Value
    Type Description
    System.Collections.Generic.List<ChartSelectedDataIndex>

    SelectionComplete

    Triggers after the selection is completed.

    Declaration
    [HtmlAttributeName("selectionComplete")]
    public string SelectionComplete { get; set; }
    Property Value
    Type Description
    System.String

    SelectionMode

    Specifies whether series or data point has to be selected. They are, none: Disables the selection. series: selects a series. point: selects a point. cluster: selects a cluster of point dragXY: selects points by dragging with respect to both horizontal and vertical axes dragX: selects points by dragging with respect to horizontal axis. dragY: selects points by dragging with respect to vertical axis. lasso: selects points by dragging with respect to free form.

    Declaration
    [HtmlAttributeName("selectionMode")]
    public SelectionMode SelectionMode { get; set; }
    Property Value
    Type Description
    SelectionMode

    SelectionPattern

    Specifies whether series or data point has to be selected. They are, none: sets none as selecting pattern. chessboard: sets chess board as selecting pattern. dots: sets dots as selecting pattern. diagonalForward: sets diagonal forward as selecting pattern. crosshatch: sets crosshatch as selecting pattern. pacman: sets pacman selecting pattern. diagonalbackward: sets diagonal backward as selecting pattern. grid: sets grid as selecting pattern. turquoise: sets turquoise as selecting pattern. star: sets star as selecting pattern. triangle: sets triangle as selecting pattern. circle: sets circle as selecting pattern. tile: sets tile as selecting pattern. horizontaldash: sets horizontal dash as selecting pattern. verticaldash: sets vertical dash as selecting pattern. rectangle: sets rectangle as selecting pattern. box: sets box as selecting pattern. verticalstripe: sets vertical stripe as selecting pattern. horizontalstripe: sets horizontal stripe as selecting pattern. bubble: sets bubble as selecting pattern.

    Declaration
    [HtmlAttributeName("selectionPattern")]
    public SelectionPattern SelectionPattern { get; set; }
    Property Value
    Type Description
    SelectionPattern

    Series

    The configuration for series in the chart.

    Declaration
    [HtmlAttributeName("series")]
    public List<ChartSeries> Series { get; set; }
    Property Value
    Type Description
    System.Collections.Generic.List<ChartSeries>

    SeriesRender

    Triggers before the series is rendered.

    Declaration
    [HtmlAttributeName("seriesRender")]
    public string SeriesRender { get; set; }
    Property Value
    Type Description
    System.String

    SharedTooltipRender

    Triggers before the shared tooltip for series is rendered.

    Declaration
    [HtmlAttributeName("sharedTooltipRender")]
    public string SharedTooltipRender { get; set; }
    Property Value
    Type Description
    System.String

    SubTitle

    SubTitle of the chart

    Declaration
    [HtmlAttributeName("subTitle")]
    public string SubTitle { get; set; }
    Property Value
    Type Description
    System.String

    SubTitleStyle

    Options for customizing the Subtitle of the Chart.

    Declaration
    [HtmlAttributeName("subTitleStyle")]
    public ChartFont SubTitleStyle { get; set; }
    Property Value
    Type Description
    ChartFont

    TabIndex

    TabIndex value for the chart.

    Declaration
    [HtmlAttributeName("tabIndex")]
    public double TabIndex { get; set; }
    Property Value
    Type Description
    System.Double

    TagName

    Declaration
    protected override string TagName { get; }
    Property Value
    Type Description
    System.String
    Overrides
    EJTagHelper.TagName

    TextRender

    Triggers before the data label for series is rendered.

    Declaration
    [HtmlAttributeName("textRender")]
    public string TextRender { get; set; }
    Property Value
    Type Description
    System.String

    Theme

    Specifies the theme for the chart.

    Declaration
    [HtmlAttributeName("theme")]
    public ChartTheme Theme { get; set; }
    Property Value
    Type Description
    ChartTheme

    Title

    Title of the chart

    Declaration
    [HtmlAttributeName("title")]
    public string Title { get; set; }
    Property Value
    Type Description
    System.String

    TitleStyle

    Options for customizing the title of the Chart.

    Declaration
    [HtmlAttributeName("titleStyle")]
    public ChartFont TitleStyle { get; set; }
    Property Value
    Type Description
    ChartFont

    Tooltip

    Options for customizing the tooltip of the chart.

    Declaration
    [HtmlAttributeName("tooltip")]
    public ChartTooltipSettings Tooltip { get; set; }
    Property Value
    Type Description
    ChartTooltipSettings

    TooltipRender

    Triggers before the tooltip for series is rendered.

    Declaration
    [HtmlAttributeName("tooltipRender")]
    public string TooltipRender { get; set; }
    Property Value
    Type Description
    System.String

    UseGroupingSeparator

    Specifies whether a grouping separator should be used for a number.

    Declaration
    [HtmlAttributeName("useGroupingSeparator")]
    public bool UseGroupingSeparator { get; set; }
    Property Value
    Type Description
    System.Boolean

    Width

    The width of the chart as a string accepts input as both like '100px' or '100%'. If specified as '100%, chart renders to the full width of its parent element.

    Declaration
    [HtmlAttributeName("width")]
    public string Width { get; set; }
    Property Value
    Type Description
    System.String

    ZoomComplete

    Triggers after the zoom selection is completed.

    Declaration
    [HtmlAttributeName("zoomComplete")]
    public string ZoomComplete { get; set; }
    Property Value
    Type Description
    System.String

    ZoomSettings

    Options to enable the zooming feature in the chart.

    Declaration
    [HtmlAttributeName("zoomSettings")]
    public ChartZoomSettings ZoomSettings { get; set; }
    Property Value
    Type Description
    ChartZoomSettings
    Back to top Generated by DocFX
    Copyright © 2001 - 2022 Syncfusion Inc. All Rights Reserved