LineChart Control (demo)

The LineChart control enables you to render a line chart from one or more series of values. This control is compatible with any browser that supports SVG including Internet Explorer 9 and above. This control can display two types of LineCharts: Basic and Stacked.

Properties

Name Description
AreaDataLabel Enables you to set text/label that will be shown in the tooltip and describe an area data value
BaseLineColor Enables you to set the color of the chart's base lines
CategoriesAxis Provides a set of values for the category axis to create a line chart
CategoryAxisLineColor Enables you to set the color of the category axis lines
ChartType Enables you to render two types of line charts: Basic or Stacked
ClientSeries Provides a list of series to the client side Remarks: The Series property is required for designer experience support because the editor always prevents the property's capability to provide values to the client side as ExtenderControlProperty at runtime
Series Provides a list of series
TooltipBackgroundColor Enables you to set a background color of the tooltip box
TooltipBorderColor Enables you to set a border color of the tooltip box
TooltipFontColor Enables you to set a font color of the tooltip box
ValueAxisLineColor Enables you to set a color of a value axis line
ValueAxisLines Enables you to set interval size for a value axis line

Client properties

areaDataLabel
Enables you to set text/label that will be shown in the tooltip and describe a area data value
Getter name: get_areaDataLabel()
Setter name: set_areaDataLabel(value)

baseLineColor
Enables you to set a color of the chart's base lines
Getter name: get_baseLineColor()
Setter name: set_baseLineColor(value)

categoriesAxis
Provides a set of values for the category axis to create a line chart
Getter name: get_categoriesAxis()
Setter name: set_categoriesAxis(value)

categoryAxisLineColor
Enables you to set a color of category axis lines
Getter name: get_categoryAxisLineColor()
Setter name: set_categoryAxisLineColor(value)

chartHeight
Enables you to customize chart height
Getter name: get_chartHeight()
Setter name: set_chartHeight(value)

chartTitle
Enables you to set the chart's title
Getter name: get_chartTitle()
Setter name: set_chartTitle(value)

chartTitleColor
Enables you to set a font color of the chart's title
Getter name: get_chartTitleColor()
Setter name: set_chartTitleColor(value)

chartType
Enables you to render two types of line charts: Basic or Stacked
Getter name: get_chartType()
Setter name: set_chartType(value)

chartWidth
Enables you to customize chart width
Getter name: get_chartWidth()
Setter name: set_chartWidth(value)

clientSeries
Provides a list of series
Getter name: get_clientSeries()
Setter name: set_clientSeries(value)

theme
Enables you to control the appearance of a line chart with a CSS file
Getter name: get_theme()
Setter name: set_theme(value)

tooltipBackgroundColor
Enables you to set a background color of the tooltip box
Getter name: get_tooltipBackgroundColor()
Setter name: set_tooltipBackgroundColor(value)

tooltipBorderColor
Enables you to set a border color of the tooltip box
Getter name: get_tooltipBorderColor()
Setter name: set_tooltipBorderColor(value)

tooltipFontColor
Enables you to set a font color of the tooltip box
Getter name: get_tooltipFontColor()
Setter name: set_tooltipFontColor(value)

valueAxisLineColor
Enables you to set a color of a value axis line
Getter name: get_valueAxisLineColor()
Setter name: set_valueAxisLineColor(value)

valueAxisLines
Enables you to set interval size for a value axis line
Getter name: get_valueAxisLines()
Setter name: set_valueAxisLines(value)

Client methods

calculateInterval()
Calculates a distance interval for the value axis

calculateMinMaxValues(chartType)
Calculates minimum and maximum values of specified data
Params:
  • chartType
    • Type: Sys.Extended.UI.LineChartType
    • Description: Chart type

calculateValueAxis()
Calculates label values for the value axis to display on the chart

drawAxisValues()
Writes horizontal and vertical axis values of the chart

drawBackgroundHorizontalLines()
Draws background horizontal lines of the chart

drawBackgroundVerticalLines()
Draws background vertical lines of the chart

drawBaseLines()
Draws base lines of the chart

drawLegendArea()
Draws legends of the chart

drawLines()
Draws lines on the chart

initializeSVG()
Creates SVG and its initial content

LineChartSeries (demo)

Properties

Name Description
Data Provides data for a particular series
LineColor Enables you to set a line color for a particular series
Name The name of the LineChart series

Last edited Sep 14, 2015 at 11:13 AM by fadilmamedov, version 4