Gets the actual 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.

Gets or sets a value indicating whether grid and tick lines are aligned to device pixels.

Gets or sets whether the series animations should be allowed when a range change has been detected on an axis.

Gets or sets the fill opacity for all series that have area visuals in this chart.
For example, Area, SplineArea, Column chart types.

Gets or sets if the auto value callouts should be displayed.

Gets or sets the bottom margin around the chart content.

 
// Initialize
$(".selector").igShapeChart({
	bottomMargin: 20
});
        
// Get
var margin = $(".selector").igShapeChart("option", "bottomMargin");
        
// Set
$(".selector").igShapeChart("option", "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
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.

 
// Initialize
$(".selector").igShapeChart({
	brushes: [ "#ff0000", "#ffff00", "#00ffff" ]
});
        
// Get
var brushes = $(".selector").igShapeChart("option", "brushes");
        
// Set
$(".selector").igShapeChart("option", "brushes", [ "#ff0000", "#ffff00", "#00ffff" ]);

Gets or sets if event annotations should be displayed.

Gets or sets the allowed positions that the callout layer is allowed to use.

Gets or sets the amount of precision to apply to the auto callout labels.

Gets or sets if the thickness that should be used for the callout outlines.

Gets or sets the member path of the content data for the callouts.

Gets or sets the collection of callout data to be annotated.

Gets or sets the member path of the label data for the callouts.

Gets or sets if the thickness that should be used for the callout outlines.

Gets or sets if event annotations should be displayed.

Gets or sets whether to the label color is automatically decided between a light and dark option for contrast.

Gets or sets if the series item color should be used for the callout fills.

Gets or sets if the series item color should be used for the callout outlines.

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 Y data for the callouts.

Gets or sets the type of chart series to generate from the data.

 
// Initialize
$(".selector").igShapeChart({
	chartType: "area"
});
        
// Get
var chartType = $(".selector").igShapeChart("option", "chartType");
        
// Set
$(".selector").igShapeChart("option", "chartType", "area");

Executed when the toolbar target has completed a command.

Gets or sets mode to use for automatically calculating the plot area margin.

Gets or sets a function for creating wrapped tooltip.

Gets or sets whether annotations are shown along the axis for crosshair values.

Gets or sets the background of crosshair annotation on x-axis.

Gets or sets precision on interpolated values of crosshairs on x-axis.

Gets or sets the text color of crosshair annotation on x-axis.

Gets or sets the background of crosshair annotation on y-axis.

Gets or sets precision on interpolated values of crosshairs on y-axis.

Gets or sets the text color of crosshair annotation on y-axis.

Gets or sets the crosshairs to be displayed.

Gets or sets the color to apply to horizontal crosshairs line.

Gets or sets thickness of crosshairs lines.

Gets or sets the color to apply to vertical crosshairs line.

Gets or sets whether crosshairs will snap to the nearest data point.

String The database source URI.

Gets sets a valid data source.
That can be instance of array or primitives, array of objects, instance of $.ig.DataSource, or any other data accepted by $.ig.DataSource.
Note: if it is set to string and "dataSourceType" option is not set, then $.ig.JSONPDataSource is used.

 
// Given the following data...
var data = [
	{ "X": 30, "Y": 30, "R": 10, "Value": 10 },
	{ "X": 30, "Y": 70, "R": 40, "Value": 10 },
	{ "X": 70, "Y": 70, "R": 40, "Value": 90 },
	{ "X": 70, "Y": 30, "R": 10, "Value": 90 }]
	
// Initialize
$(".selector").igShapeChart({
	dataSource: data
});
        
// Get
var dataSource = $(".selector").igShapeChart("option", "dataSource");
        
// Set
$(".selector").igShapeChart("option", "dataSource", data);

Gets sets data source type (such as "json", "xml", etc). Please refer to the documentation of $.ig.DataSource and its type property.

 
// Initialize
$(".selector").igShapeChart({
	dataSourceType: "array"
});
        
// Get
var dataSourceType = $(".selector").igShapeChart("option", "dataSourceType");
        
// Set
$(".selector").igShapeChart("option", "dataSourceType", "array");

Gets sets url which is used for sending JSON on request for remote data.

 
// Initialize
$(".selector").igShapeChart({
	dataSourceUrl: "http://www.example.com"
});
        
// Get
var dataUrl = $(".selector").igShapeChart("option", "dataSourceUrl");
        
// Set
$(".selector").igShapeChart("option", "dataSourceUrl", "http://www.example.com");

Gets or sets the BadgeShape for the data legend.

Gets or sets the offset of the tooltip layer on the X axis.

Gets or sets the offset of the tooltip layer on the Y axis.

Gets or sets names of data columns or their labels to exclude from displaying in the data legend, e.g. "High, Low" or "H, L"
The DataToolTipExcludedColumns property takes precedence over values of DataToolTipIncludedColumns property.

Gets or sets indexes, titles, or names of series to exclude from displaying in the data tooltip, e.g. "0, 1" or "Series1 Title, Series2 Title"
The DataToolTipExcludedSeries property takes precedence over values of DataToolTipIncludedSeries property.

Gets or sets the tooltip position mode on the X axis for grouped series.

Gets or sets the tooltip position mode on the Y axis for grouped series.

Gets or sets whether to show Group row.

Gets or sets the Group text color.

Gets or Sets the style to use for the Group text.

Gets or sets globalization culture when displaying header as date time
This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties.

Gets or sets date format for the header This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties.

Gets or sets the format specifiers to use with the HeaderFormatString string.

Gets or sets the format string for header text displayed in the data legend.

Gets or sets time format for the header This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties.

Gets or sets whether to show Header row.

Gets or sets the HeaderText for the data legend.

Gets or sets the header text color.

Gets or Sets the style to use for the header text.

Gets or sets names of data columns or their labels to include in displaying in the data legend, e.g. "High, Low" or "H, L"
The DataToolTipExcludedColumns property takes precedence over values of DataToolTipIncludedColumns property.

Gets or sets indexes, titles, or names of series to include in displaying in the data tooltip, e.g. "0, 1" or "Series1 Title, Series2 Title"
The DataToolTipExcludedSeries property takes precedence over values of DataToolTipIncludedSeries property.

Gets or sets the mode for displaying labels before series values in the data legend, e.g. O: H: L: C: for financial series.

Gets or sets the units text color.

The bottom margin of label text column in the data legend. Gets or sets the labelTextMargin for the data legend.

The left margin of label text column in the data legend. Gets or sets the labelTextMargin for the data legend.

The right margin of label text column in the data legend. Gets or sets the labelTextMargin for the data legend.

The top margin of label text column in the data legend. Gets or sets the labelTextMargin for the data legend.

Gets or Sets the style to use for the units text.

Gets or sets the offset of the tooltip layer on the X axis.

Gets or sets the offset of the tooltip layer on the Y axis.

Gets or sets whether the data legend should update when the series data is mutated.

Gets or sets the units text for the data legend.

Gets or sets the units text color.

Gets or Sets the style to use for the units text.

Gets or sets the SummaryTitleText for the data legend.

Gets or sets the summary text color.

Gets or Sets the style to use for the summary text.

Gets or sets the SummaryType for the data legend.

Gets or sets the units text for the data legend.

Gets or sets the units text color.

Gets or Sets the style to use for the units text.

Gets or sets the units text color.

Gets or Sets the style to use for the units text.

Gets or sets the display text color.

The bottom margin of title text column in the data legend. Gets or sets the titleTextMargin for the data legend.

The left margin of title text column in the data legend. Gets or sets the titleTextMargin for the data legend.

The right margin of title text column in the data legend. Gets or sets the titleTextMargin for the data legend.

The top margin of title text column in the data legend. Gets or sets the titleTextMargin for the data legend.

Gets or Sets the style to use for the display text.

Gets or sets the UnitsMode for the data legend.

Gets or sets the units text for the data legend.

Gets or sets the units text color.

The bottom margin of units text column in the data legend. Gets or sets the unitsTextMargin for the data legend.

The left margin of units text column in the data legend. Gets or sets the unitsTextMargin for the data legend.

The right margin of units text column in the data legend. Gets or sets the unitsTextMargin for the data legend.

The top margin of units text column in the data legend. Gets or sets the unitsTextMargin for the data legend.

Gets or Sets the style to use for the units text.

Gets or sets mode for abbreviating large numbers displayed in the legend This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties.

Gets or sets globalization culture when displaying values as currencies, e.g. use "en-GB" to display British pound symbol when the ValueFormatMode property is set to 'Currency' mode
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties.

Gets or sets maximum digits for formatting numbers displayed in the legend
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties.

Gets or sets minimum digits for formatting numbers displayed in the legend
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties.

Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500).

Gets or sets the format specifiers to use with the ValueFormatString string.

Gets or sets the format string for values displayed in the data legend.

Gets or sets whether or not use grouping separator, e.g, 15,000 for 15000
This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties.

Gets or sets whether to show series rows.

Gets or sets the units text color.

The bottom margin of value text column in the data legend. Gets or sets the ValueTextMargin for the data legend.

The left margin of value text column in the data legend. Gets or sets the ValueTextMargin for the data legend.

The right margin of value text column in the data legend. Gets or sets the ValueTextMargin for the data legend.

The top margin of value text column in the data legend. Gets or sets the ValueTextMargin for the data legend.

Gets or Sets the style to use for the units text.

Gets or sets whether to use series colors when displaying values in the legend.

Gets or sets text displayed when data column is missing a value, e.g. "no data".

Gets or sets a set of property paths that should be excluded from consideration by the category chart.

 
// Given the following data bound to the chart...
var data1 = [
	{ "ID": 1, "Cost": 12.5, "Discount": 0.5, "ProductName": "Shirts" },
	{ "ID": 2, "Cost": 18.56, "Discount": 0.25, "ProductName": "Hats" },
	{ "ID": 3, "Cost": 22.18, "Discount": 0.1, "ProductName": "Shoes" }];
	
// Initialize
$(".selector").igShapeChart({
	excludedProperties: [ "ID", "Discount" ]
});
        
// Get
var excludedProps = $(".selector").igShapeChart("option", "excludedProperties");
        
// Set
$(".selector").igShapeChart("option", "excludedProperties", [ "ID", "Discount" ]);

Gets or sets the background of final value annotation.

Gets or sets precision on final value annotation.

Gets or sets the text color of final value annotation.

Gets or sets whether annotations for the final value of each series is displayed on the axis.

Gets or sets the focus brush to use for the series.

Gets or sets the focus mode to use for the series in the component, when supported.

Gets or sets the duration used for animating Focus changes.

Gets or sets the sorts to apply after grouping has been applied.

The height of the chart.

 
// Initialize
$(".selector").igShapeChart({
    height: 250
});

// Get
var height = $(".selector").igShapeChart("option", "height");
 
// Set
$(".selector").igShapeChart("option", "height", 250);

Gets or sets a collection of data items used to generate the chart.
The HighlightedItemsSource of this chart can be a list of objects containing one or more numeric properties.
Additionally, if the objects in the list implement the IEnumerable interface,
the Chart will attempt to delve into the sub-collections when reading through the data source.
Data binding can be further configured by attributing the data item classes
with the DataSeriesMemberIntentAttribute.

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 and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse. This property applies to Category Chart and Financial Chart controls.

Gets or sets the highlighting Behavior to use for the series in the component, when supported. This takes precedence over the series level IsHighlightingEnabled.

Gets or sets the highlighting mode to use for the series in the component, when supported. This takes precedence over the series level IsHighlightingEnabled.

Gets or sets the duration used for animating highlighting changes.

Gets or sets the corner radius to use for the horizontal scrollbar in the component, when enabled.

Gets or sets the fill to use for the horizontal scrollbar in the component, when enabled.

Gets or sets the height to use for the horizontal scrollbar in the component, when enabled.

Gets or sets the inset distance to use for the horizontal scrollbar in the component, when enabled.

Gets or sets the max opacity to use for the horizontal scrollbar in the component, when enabled.

Gets or sets the horizontal scrollbar mode to use for the series viewer.

Gets or sets the outline to use for the horizontal scrollbar in the component, when enabled.

Gets or sets the position to use for the horizontal scrollbar in the component, when enabled.

Gets or sets whether to use automatic track insets for the horizontal scrollbar in the component, when enabled.

Gets or sets the stroke thickness to use for the horizontal scrollbar in the component, when enabled.

Gets or sets the track end inset to use for the horizontal scrollbar in the component, when enabled.

Gets or sets the track start inset to use for the horizontal scrollbar in the component, when enabled.

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.

 
// Given the following data bound to the chart...
var data1 = [
	{ "ID": 1, "Cost": 12.5, "Discount": 0.5, "ProductName": "Shirts" },
	{ "ID": 2, "Cost": 18.56, "Discount": 0.25, "ProductName": "Hats" },
	{ "ID": 3, "Cost": 22.18, "Discount": 0.1, "ProductName": "Shoes" }];
	
// Initialize
$(".selector").igShapeChart({
	includedProperties: [ "ProductName", "Cost" ]
});
        
// Get
var includedProps = $(".selector").igShapeChart("option", "includedProperties");
        
// Set
$(".selector").igShapeChart("option", "includedProperties", [ "ProductName", "Cost" ]);

Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.

Gets or sets the groupings to apply to the chart. This property will become ignored if sorts are changed outside of this property.

Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.

Gets or sets the sorts to apply to the chart. This property will become ignored if sorts are changed outside of this property.

Gets or sets the summaries to apply to the chart. This property will become ignored if sorts are changed outside of this property.

Notify the toolbar that the current target actions are invalid and it needs
to obtain a new set of actions from the target.

Gets or sets whether the chart can be horizontally zoomed through user interactions.

 
// Initialize
$(".selector").igShapeChart({
    isHorizontalZoomEnabled: true
});

// Get
var zoomEnabled = $(".selector").igShapeChart("option", "isHorizontalZoomEnabled");
 
// Set
$(".selector").igShapeChart("option", "isHorizontalZoomEnabled", true);

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 be vertically zoomed through user interactions.

 
// Initialize
$(".selector").igShapeChart({
    isVerticalZoomEnabled: true
});

// Get
var zoomEnabled = $(".selector").igShapeChart("option", "isVerticalZoomEnabled");
 
// Set
$(".selector").igShapeChart("option", "isVerticalZoomEnabled", true);

Gets or sets a collection of data items used to generate the chart.
The ItemsSource of this chart can be a list of objects containing one or more numeric properties.
Additionally, if the objects in the list implement the IEnumerable interface,
the Chart will attempt to delve into the sub-collections when reading through the data source.
Data binding can be further configured by attributing the data item classes
with the DataSeriesMemberIntentAttribute.

 
// Given the following data...
var data1 = [
	{ "ID": 1, "Cost": 12.5 },
	{ "ID": 2, "Cost": 18.56 },
	{ "ID": 3, "Cost": 22.18 }];
	
// Initialize
$(".selector").igShapeChart({
	itemsSource: data1
});
        
// Get
var itemsSource = $(".selector").igShapeChart("option", "itemsSource");
        
// Set
$(".selector").igShapeChart("option", "itemsSource", data1);

Gets or sets the left margin of the chart content.

 
// Initialize
$(".selector").igShapeChart({
	leftMargin: 20
});
        
// Get
var margin = $(".selector").igShapeChart("option", "leftMargin");
        
// Set
$(".selector").igShapeChart("option", "leftMargin", 20);

Gets or sets the legend to connect this chart to.
When the legend property is set, the chart will use it to display information about its series. Legends can be shared by multiple chart controls.

 
// Initialize
$(".selector").igShapeChart({
    legend: { element: 'legend', type: 'legend' }
});
 
// Get
var legend = $(".selector").igShapeChart("option", "legend");
 
// Set
$(".selector").igShapeChart("option", "legend", { element: 'legend', type: 'legend' });

Gets or sets the highlighting mode to use for the legend linked to the component, when supported.

Gets or sets the mode of legend badges representing all series displayed in a legend linked to this component. This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series.

Gets or sets the type of legend badges representing all series displayed in a legend linked to this component This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series.

Gets or sets the default marker type for all series plotted in this chart. This property is ignored when the MarkerTypes property is set.

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
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.

 
// Initialize
$(".selector").igShapeChart({
	markerBrushes: [ "#ff0000", "#ffff00", "#00ffff" ]
});
 
// Get
var brushes = $(".selector").igShapeChart("option", "markerBrushes");
 
// Set
$(".selector").igShapeChart("option", "markerBrushes", [ "#ff0000", "#ffff00", "#00ffff" ]);

Gets or sets collision avoidance between markers on series that support this behaviour.

 
// Initialize
$(".selector").igShapeChart({
	markerCollision: "omit"
});
 
// Get
var collisionAvoidance = $(".selector").igShapeChart("option", "markerCollision");
 
// Set
$(".selector").igShapeChart("option", "markerCollision", "omit");

Gets or sets the MarkerFillMode for all series that support markers in this chart.

Gets or sets the Marker Fill Opacity for all series that support markers in this chart.

Gets or sets the maximum number of markers displayed in the plot area of the chart.

Gets or sets the MarkerOutlineMode for all series that support markers 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
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.

 
// Initialize
$(".selector").igShapeChart({
	markerOutlines: [ "#ff0000", "#ffff00", "#00ffff" ]
});
 
// Get
var outlines = $(".selector").igShapeChart("option", "markerOutlines");
 
// Set
$(".selector").igShapeChart("option", "markerOutlines", [ "#ff0000", "#ffff00", "#00ffff" ]);

Gets or sets the Marker Thickness for all series that support markers in this chart.

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.

 
// Initialize
$(".selector").igShapeChart({
	markerTypes: [ "triangle", "pentagon", "diamond" ]
});
 
// Get
var markerTypes = $(".selector").igShapeChart("option", "markerTypes");
 
// Set
$(".selector").igShapeChart("option", "markerTypes", [ "triangle", "pentagon", "diamond" ]);

Gets sets maximum number of displayed records in chart.

 
// Initialize
$(".selector").igShapeChart({
	maxRecCount: 1000
});
 
// Get
var maxRecCount = $(".selector").igShapeChart("option", "maxRecCount");
 
// Set
$(".selector").igShapeChart("option", "maxRecCount", 1000);

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
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.

> 
// Initialize
$(".selector").igShapeChart({
	outlines: [ "#ff0000", "#ffff00", "#00ffff" ]
});
 
// Get
var outlines = $(".selector").igShapeChart("option", "outlines");
 
// Set
$(".selector").igShapeChart("option", "outlines", [ "#ff0000", "#ffff00", "#00ffff" ]);

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 to the Left of the plot area.

Margin applied to the right of the plot area.

Margin applied to the Top of the plot area.

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 data point. When Resolution = 0, all data points will be rendered as graphical objects. Charts with a higher resolution will have faster performance.

 
// Initialize
$(".selector").igShapeChart({
	resolution: 2
});
 
// Get
var resolution = $(".selector").igShapeChart("option", "resolution");
 
// Set
$(".selector").igShapeChart("option", "resolution", 2);

See $.ig.DataSource. This is basically the property in the responses where data records are held, if the response is wrapped.

 
// Initialize
$(".selector").igShapeChart({
    responseDataKey: "Records"
});
 
// Get
var responseDataKey = $(".selector").igShapeChart("option", "responseDataKey");

// Set
$(".selector").igShapeChart("option", "responseDataKey", "Records");

See $.ig.DataSource. property in the response specifying the total number of records on the server.

 
// Initialize
$(".selector").igShapeChart({
    responseTotalRecCountKey: "RecordCount"
});
 
// Get
var responseTotalRecCountKey = $(".selector").igShapeChart("option", "responseTotalRecCountKey");

// Set
$(".selector").igShapeChart("option", "responseTotalRecCountKey", "RecordCount");

Gets or sets the right margin of the chart content.

 
// Initialize
$(".selector").igShapeChart({
	rightMargin: 20
});
        
// Get
var margin = $(".selector").igShapeChart("option", "rightMargin");
        
// Set
$(".selector").igShapeChart("option", "rightMargin", 20);

Gets or sets the selection behavior to use for the series in the component, when supported.

Gets or sets the selection brush to use for the series.

Gets or sets the selection mode to use for the series in the component, when supported.

Gets or sets the duration used for animating Selection changes.

Gets or sets horizontal mode to use for automatically calculating the plot area margin based ont the series.

Gets or sets vertical mode to use for automatically calculating the plot area margin based ont the series.

The triangulated file source URI or an instance of $.ig.ShapeDataSource.

Gets or sets whether annotations for the final value of each series is displayed on the axis.

Gets or sets whether the chart should display mock data when the data source has not been provided, if supported for this type of chart.

Gets or sets a whether the chart should pan its content when zoo,ing in passed max zoom level.

Gets or sets whether the chart should use a faded skeleton style for mock data.

Gets or sets text to display below the Title, above the plot area.

 
// Initialize
$(".selector").igShapeChart({
	subtitle: "This is a subtitle"
});
        
// Get
var subtitle = $(".selector").igShapeChart("option", "subtitle");
        
// Set
$(".selector").igShapeChart("option", "subtitle", "This is a subtitle");

Gets or sets horizontal alignment which determines the subtitle position, relative to the left and right edges of the control.

 
// Initialize
$(".selector").igShapeChart({
	subtitleAlignment: "center"
});
        
// Get
var alignment = $(".selector").igShapeChart("option", "subtitleAlignment");
        
// Set
$(".selector").igShapeChart("option", "subtitleAlignment", "center");

Gets or sets the bottom margin of chart subtitle.

 
// Initialize
$(".selector").igShapeChart({
	subtitleBottomMargin: 10
});
        
// Get
var margin = $(".selector").igShapeChart("option", "subtitleBottomMargin");
        
// Set
$(".selector").igShapeChart("option", "subtitleBottomMargin", 10);

Gets or sets the left margin of chart subtitle.

 
// Initialize
$(".selector").igShapeChart({
	subtitleLeftMargin: 10
});
        
// Get
var margin = $(".selector").igShapeChart("option", "subtitleLeftMargin");
        
// Set
$(".selector").igShapeChart("option", "subtitleLeftMargin", 10);

Gets or sets the right margin of chart subtitle.

 
// Initialize
$(".selector").igShapeChart({
	subtitleRightMargin: 10
});
        
// Get
var margin = $(".selector").igShapeChart("option", "subtitleRightMargin");
        
// Set
$(".selector").igShapeChart("option", "subtitleRightMargin", 10);

Gets or sets color of chart subtitle.

 
// Initialize
$(".selector").igShapeChart({
	subtitleTextColor: "blue"
});
        
// Get
var color = $(".selector").igShapeChart("option", "subtitleTextColor");
        
// Set
$(".selector").igShapeChart("option", "subtitleTextColor", "blue");

Gets or sets CSS font property for the chart subtitle.

 
// Initialize
$(".selector").igShapeChart({
	subtitleTextStyle: "16pt Verdona"
});
        
// Get
var textStyle = $(".selector").igShapeChart("option", "subtitleTextStyle");
        
// Set
$(".selector").igShapeChart("option", "subtitleTextStyle", "16pt Verdona");

Gets or sets the top margin of chart subtitle.

 
// Initialize
$(".selector").igShapeChart({
	subtitleTopMargin: 10
});
        
// Get
var margin = $(".selector").igShapeChart("option", "subtitleTopMargin");
        
// Set
$(".selector").igShapeChart("option", "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.

 
// Initialize
$(".selector").igShapeChart({
	thickness: 5
});
        
// Get
var thickness = $(".selector").igShapeChart("option", "thickness");
        
// Set
$(".selector").igShapeChart("option", "thickness", 5);

Gets or sets text to display above the plot area.

 
// Initialize
$(".selector").igShapeChart({
	title: "This is a title"
});
        
// Get
var title = $(".selector").igShapeChart("option", "title");
        
// Set
$(".selector").igShapeChart("option", "title", "This is a title");

Gets or sets horizontal alignment which determines the title position, relative to the left and right edges of the control.

 
// Initialize
$(".selector").igShapeChart({
	titleAlignment: "center"
});
        
// Get
var alignment = $(".selector").igShapeChart("option", "titleAlignment");
        
// Set
$(".selector").igShapeChart("option", "titleAlignment", "center");

Gets or sets the bottom margin of chart title.

 
// Initialize
$(".selector").igShapeChart({
	titleBottomMargin: 10
});
        
// Get
var margin = $(".selector").igShapeChart("option", "titleBottomMargin");
        
// Set
$(".selector").igShapeChart("option", "titleBottomMargin", 10);

Gets or sets the left margin of chart title.

 
// Initialize
$(".selector").igShapeChart({
	titleLeftMargin: 10
});
        
// Get
var margin = $(".selector").igShapeChart("option", "titleLeftMargin");
        
// Set
$(".selector").igShapeChart("option", "titleLeftMargin", 10);

Gets or sets the right margin of chart title.

 
// Initialize
$(".selector").igShapeChart({
	titleRightMargin: 10
});
        
// Get
var margin = $(".selector").igShapeChart("option", "titleRightMargin");
        
// Set
$(".selector").igShapeChart("option", "titleRightMargin", 10);

Gets or sets color of chart title.

 
// Initialize
$(".selector").igShapeChart({
	titleTextColor: "red"
});
        
// Get
var color = $(".selector").igShapeChart("option", "titleTextColor");
        
// Set
$(".selector").igShapeChart("option", "titleTextColor", "red");

Gets or sets CSS font property for the chart title.

 
// Initialize
$(".selector").igShapeChart({
	titleTextStyle: "24pt Verdona"
});
        
// Get
var textStyle = $(".selector").igShapeChart("option", "titleTextStyle");
        
// Set
$(".selector").igShapeChart("option", "titleTextStyle", "24pt Verdona");

Gets or sets the top margin of chart title.

 
// Initialize
$(".selector").igShapeChart({
	titleTopMargin: 10
});
        
// Get
var margin = $(".selector").igShapeChart("option", "titleTopMargin");
        
// Set
$(".selector").igShapeChart("option", "titleTopMargin", 10);

Gets or sets the id of a template element to use for tooltips, or markup representing the tooltip template.

 
// Given the following data...
var data1 = [
	{ "ID": 1, "Cost": 12.5 },
	{ "ID": 2, "Cost": 18.56 },
	{ "ID": 3, "Cost": 22.18 }];

// And the following template...
<script id="chartTooltip" type="text/x-jquery-tmpl">
	<div>
		This is custom tooltip content.<br />
		<span>${item.ID}</span><br />
		<span>${item.Cost}</span><br />
	</div>
</script>
	
// Initialize
$(".selector").igShapeChart({
	tooltipTemplate: chartTooltip
});
        
// Get
var template = $(".selector").igShapeChart("option", "tooltipTemplate");
        
// Set
$(".selector").igShapeChart("option", "tooltipTemplate", chartTooltip);

Gets or sets the names of tooltip templates.

Gets or sets the style of tooltip to be displayed.

Gets or sets the top margin of the chart content.

 
// Initialize
$(".selector").igShapeChart({
	topMargin: 20
});
        
// Get
var margin = $(".selector").igShapeChart("option", "topMargin");
        
// Set
$(".selector").igShapeChart("option", "topMargin", 20);

Gets or sets the duration used for animating series plots when the data is changing.

 
// Initialize
$(".selector").igShapeChart({
	transitionDuration: 500
});
        
// Get
var duration = $(".selector").igShapeChart("option", "transitionDuration");
        
// Set
$(".selector").igShapeChart("option", "transitionDuration", 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.

 
// Initialize
$(".selector").igShapeChart({
	transitionEasingFunction: "cubic"
});
        
// Get
var easingFunc = $(".selector").igShapeChart("option", "transitionEasingFunction");
        
// Set
$(".selector").igShapeChart("option", "transitionEasingFunction", "cubic");

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
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.

 
// Initialize
$(".selector").igShapeChart({
	trendLineBrushes: [ "#ff0000", "#ffff00", "#00ffff" ]
});
        
// Get
var brushes = $(".selector").igShapeChart("option", "trendLineBrushes");
        
// Set
$(".selector").igShapeChart("option", "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.

 
// Initialize
$(".selector").igShapeChart({
	trendLineThickness: 5
});
        
// Get
var thickness = $(".selector").igShapeChart("option", "trendLineThickness");
        
// Set
$(".selector").igShapeChart("option", "trendLineThickness", 5);

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.

 
// Initialize
$(".selector").igShapeChart({
	trendLineType: "simpleAverage"
});
        
// Get
var trendLineType = $(".selector").igShapeChart("option", "trendLineType");
        
// Set
$(".selector").igShapeChart("option", "trendLineType", "simpleAverage");

The triangulated file source URI or an instance of $.ig.TriangulationDataSource.

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.

 
// Initialize
$(".selector").igShapeChart({
	unknownValuePlotting: "linearInterpolate"
});
        
// Get
var unknownValuePlotting = $(".selector").igShapeChart("option", "unknownValuePlotting");
        
// Set
$(".selector").igShapeChart("option", "unknownValuePlotting", "linearInterpolate");

Gets or sets if event annotations should be displayed.

Gets or sets what value lines to use in the chart.

Gets or sets the palette of brushes to use for coloring the value lines present in the ValueLines property.
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
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.

Gets or sets thickness of value lines.

Gets or sets the corner radius to use for the vertical scrollbar in the component, when enabled.

Gets or sets the fill to use for the vertical scrollbar in the component, when enabled.

Gets or sets the inset distance to use for the vertical scrollbar in the component, when enabled.

Gets or sets the max opacity to use for the vertical scrollbar in the component, when enabled.

Gets or sets the vertical scrollbar mode to use for the series viewer.

Gets or sets the outline to use for the vertical scrollbar in the component, when enabled.

Gets or sets the position to use for the vertical scrollbar in the component, when enabled.

Gets or sets whether to use automatic track insets for the vertical scrollbar in the component, when enabled.

Gets or sets the stroke thickness to use for the vertical scrollbar in the component, when enabled.

Gets or sets the track end inset to use for the vertical scrollbar in the component, when enabled.

Gets or sets the track start inset to use for the vertical scrollbar in the component, when enabled.

Gets or sets the width to use for the vertical scrollbar in the component, when enabled.

Gets or sets the widget of this control.

The width of the chart.

 
// Initialize
$(".selector").igShapeChart({
	width: 250
});
        
// Get
var width = $(".selector").igShapeChart("option", "width");
        
// Set
$(".selector").igShapeChart("option", "width", 250);

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.
The provided object should have numeric properties called left, top, width and height.

 
// Initialize
$(".selector").igShapeChart({
	windowRect: { left: 0, top: 0, width: 0.5, height: 0.5 }
});
   
// Get
var windowRect = $(".selector").igShapeChart("option", "windowRect");
   
// Set
$(".selector").igShapeChart("option", "windowRect", { left: 0, top: 0, width: 0.5, height: 0.5 });

Sets or gets the minimum height that the window rect is allowed to reach before being clamped.
Decrease this value if you want to allow for further zooming into the viewer.
If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
This property accepts values between 0.0 (max zooming) and 1.0 (no zooming).

Sets or gets the minimum width that the window rect is allowed to reach before being clamped.
Decrease this value if you want to allow for further zooming into the viewer.
If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
This property accepts values between 0.0 (max zooming) and 1.0 (no zooming).

Sets or gets minimum pixel height that the window is allowed to reach before being clamped.
Decrease this value if you want to allow for further zooming into the viewer.
If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
This property is overridden by the WindowRectMinHeight property.

Sets or gets minimum pixel width that the window is allowed to reach before being clamped.
Decrease this value if you want to allow for further zooming into the viewer.
If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
This property is overridden by the WindowRectMinWidth property.

Gets or sets whether the large numbers on the X-axis labels are abbreviated.

Gets or sets how the numeric axis will adjust its range buffer to less closely fix the data from the series.

Gets or sets the distance between the X-axis and the bottom of the chart.

 
// Initialize
$(".selector").igShapeChart({
	xAxisExtent: 10
});
   
// Get
var extent = $(".selector").igShapeChart("option", "xAxisExtent");
   
// Set
$(".selector").igShapeChart("option", "xAxisExtent", 10);

Gets or sets whether the axis should favor emitting a label at the end of the scale.

Gets or sets function which takes an context object and returns a formatted label for the X-axis.

 
// Given the following data where ID is the X axis...
var data1 = [
	{ "ID": 1, "Cost": 12.5 },
	{ "ID": 2, "Cost": 18.56 },
	{ "ID": 3, "Cost": 22.18 }];
	
// Initialize
$(".selector").igShapeChart({
	xAxisFormatLabel: function (item) {
		return "ID " + item; // results: "ID 1", "ID 2" & "ID 3" labels
	}
});

Gets or sets the frequency of displayed labels along the X-axis.
Gets or sets the set value is a factor that determines which labels will be hidden. For example, an interval of 2 will display every other label.

 
// Initialize
$(".selector").igShapeChart({
	xAxisInterval: 2
});
   
// Get
var interval = $(".selector").igShapeChart("option", "xAxisInterval");
   
// Set
$(".selector").igShapeChart("option", "xAxisInterval", 2);

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.

 
// Initialize
$(".selector").igShapeChart({
	xAxisInverted: true
});
   
// Get
var isInverted = $(".selector").igShapeChart("option", "xAxisInverted");
   
// Set
$(".selector").igShapeChart("option", "xAxisInverted", true);

Gets or sets whether the X-axis will 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 X-axis minimum is greater than zero.

Gets or sets the format for labels along the X-axis.

 
// Given the following data bound to the chart...
var data1 = [
	{ "ID": 1, "Cost": 12.5, "Discount": 0.5, "ProductName": "Shirts" },
	{ "ID": 2, "Cost": 18.56, "Discount": 0.25, "ProductName": "Hats" },
	{ "ID": 3, "Cost": 22.18, "Discount": 0.1, "ProductName": "Shoes" }];
	
// Initialize
$(".selector").igShapeChart({
	xAxisLabel: "ProductName"
});
   
// Get
var label = $(".selector").igShapeChart("option", "xAxisLabel");
   
// Set
$(".selector").igShapeChart("option", "xAxisLabel", "ProductName");

Gets or sets the angle of rotation for labels along the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisLabelAngle: 30
});
   
// Get
var angle = $(".selector").igShapeChart("option", "xAxisLabelAngle");
   
// Set
$(".selector").igShapeChart("option", "xAxisLabelAngle", 30);

Gets or sets the bottom margin of labels on the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisLabelBottomMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "xAxisLabelBottomMargin");
   
// Set
$(".selector").igShapeChart("option", "xAxisLabelBottomMargin", 10);

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 Horizontal alignment of X-axis labels.

 
// Initialize
$(".selector").igShapeChart({
	xAxisLabelHorizontalAlignment: "center"
});
   
// Get
var alignment = $(".selector").igShapeChart("option", "xAxisLabelHorizontalAlignment");
   
// Set
$(".selector").igShapeChart("option", "xAxisLabelHorizontalAlignment", "center");

Gets or sets the left margin of labels on the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisLabelLeftMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "xAxisLabelLeftMargin");
   
// Set
$(".selector").igShapeChart("option", "xAxisLabelLeftMargin", 10);

Gets or sets location of X-axis labels, relative to the plot area.

Gets or sets the right margin of labels on the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisLabelRightMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "xAxisLabelRightMargin");
   
// Set
$(".selector").igShapeChart("option", "xAxisLabelRightMargin", 10);

Gets or sets color of labels on the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisLabelTextColor: "blue"
});
   
// Get
var textColor = $(".selector").igShapeChart("option", "xAxisLabelTextColor");
   
// Set
$(".selector").igShapeChart("option", "xAxisLabelTextColor", "blue");

Gets or sets CSS font property for labels on X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisLabelTextStyle: "16pt Verdona"
});
        
// Get
var textStyle = $(".selector").igShapeChart("option", "xAxisLabelTextStyle");
        
// Set
$(".selector").igShapeChart("option", "xAxisLabelTextStyle", "16pt Verdona");

Gets or sets the top margin of labels on the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisLabelTopMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "xAxisLabelTopMargin");
   
// Set
$(".selector").igShapeChart("option", "xAxisLabelTopMargin", 10);

Gets or sets Vertical alignment of X-axis labels.

 
// Initialize
$(".selector").igShapeChart({
	xAxisLabelVerticalAlignment: "center"
});
   
// Get
var alignment = $(".selector").igShapeChart("option", "xAxisLabelVerticalAlignment");
   
// Set
$(".selector").igShapeChart("option", "xAxisLabelVerticalAlignment", "center");

Gets or sets Visibility of X-axis labels.

 
// Initialize
$(".selector").igShapeChart({
	xAxisLabelVisibility: "visible"
});
   
// Get
var visibility = $(".selector").igShapeChart("option", "xAxisLabelVisibility");
   
// Set
$(".selector").igShapeChart("option", "xAxisLabelVisibility", "visible");

Gets or sets the base value to use in the log function when mapping the position of data items along the X-axis.
This property is effective only when y-axis is logarithmic.

Gets or sets the color to apply to major gridlines along the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisMajorStroke: "blue"
});
   
// Get
var stroke = $(".selector").igShapeChart("option", "xAxisMajorStroke");
   
// Set
$(".selector").igShapeChart("option", "xAxisMajorStroke", "blue");

Gets or sets the thickness to apply to major gridlines along the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisMajorStrokeThickness: 5
});
   
// Get
var thickness = $(".selector").igShapeChart("option", "xAxisMajorStrokeThickness");
   
// Set
$(".selector").igShapeChart("option", "xAxisMajorStrokeThickness", 5);

Gets or sets the data value corresponding to the maximum value on the X-axis.

Gets or sets the data value corresponding to the minimum value on the X-axis.

Gets or sets the frequency of displayed minor lines along the X-axis.
Gets or sets the set value is a factor that determines how the minor lines will be displayed.

 
// Initialize
$(".selector").igShapeChart({
	xAxisMinorInterval: 1
});
   
// Get
var interval = $(".selector").igShapeChart("option", "xAxisMinorInterval");
   
// Set
$(".selector").igShapeChart("option", "xAxisMinorInterval", 1);

Gets or sets the color to apply to minor gridlines along the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisMinorStroke: "grey"
});
   
// Get
var stroke = $(".selector").igShapeChart("option", "xAxisMinorStroke");
   
// Set
$(".selector").igShapeChart("option", "xAxisMinorStroke", "grey");

Gets or sets the thickness to apply to minor gridlines along the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisMinorStrokeThickness: 5
});
   
// Get
var thickness = $(".selector").igShapeChart("option", "xAxisMinorStrokeThickness");
   
// Set
$(".selector").igShapeChart("option", "xAxisMinorStrokeThickness", 5);

Gets or sets the color to apply to stripes along the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisStrip: "grey"
});
   
// Get
var strip = $(".selector").igShapeChart("option", "xAxisStrip");
   
// Set
$(".selector").igShapeChart("option", "xAxisStrip", "grey");

Gets or sets the color to apply to the X-axis line.

 
// Initialize
$(".selector").igShapeChart({
	xAxisStroke: "blue"
});
   
// Get
var stroke = $(".selector").igShapeChart("option", "xAxisStroke");
   
// Set
$(".selector").igShapeChart("option", "xAxisStroke", "blue");

Gets or sets the thickness to apply to the X-axis line.

 
// Initialize
$(".selector").igShapeChart({
	xAxisStrokeThickness: 5
});
   
// Get
var thickness = $(".selector").igShapeChart("option", "xAxisStrokeThickness");
   
// Set
$(".selector").igShapeChart("option", "xAxisStrokeThickness", 5);

Gets or sets the length of tickmarks along the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisTickLength: 5
});
   
// Get
var tickLength = $(".selector").igShapeChart("option", "xAxisTickLength");
   
// Set
$(".selector").igShapeChart("option", "xAxisTickLength", 5);

Gets or sets the color to apply to tickmarks along the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisTickStroke: "blue"
});
   
// Get
var stroke = $(".selector").igShapeChart("option", "xAxisTickStroke");
   
// Set
$(".selector").igShapeChart("option", "xAxisTickStroke", "blue");

Gets or sets the thickness to apply to tickmarks along the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisTickStrokeThickness: 5
});
   
// Get
var thickness = $(".selector").igShapeChart("option", "xAxisTickStrokeThickness");
   
// Set
$(".selector").igShapeChart("option", "xAxisTickStrokeThickness", 5);

Gets or sets the Text to display below the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisTitle: "This is an axis title"
});
   
// Get
var title = $(".selector").igShapeChart("option", "xAxisTitle");
   
// Set
$(".selector").igShapeChart("option", "xAxisTitle", "This is an axis title");

Gets or sets Horizontal alignment of the X-axis title.

 
// Initialize
$(".selector").igShapeChart({
	xAxisTitleAlignment: "center"
});
   
// Get
var alignment = $(".selector").igShapeChart("option", "xAxisTitleAlignment");
   
// Set
$(".selector").igShapeChart("option", "xAxisTitleAlignment", "center");

Gets or sets the angle of rotation for the X-axis title.

 
// Initialize
$(".selector").igShapeChart({
	xAxisTitleAngle: 30
});
   
// Get
var angle = $(".selector").igShapeChart("option", "xAxisTitleAngle");
   
// Set
$(".selector").igShapeChart("option", "xAxisTitleAngle", 30);

Gets or sets the bottom margin of a title on the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisTitleBottomMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "xAxisTitleBottomMargin");
   
// Set
$(".selector").igShapeChart("option", "xAxisTitleBottomMargin", 10);

Gets or sets the left margin of a title on the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisTitleLeftMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "xAxisTitleLeftMargin");
   
// Set
$(".selector").igShapeChart("option", "xAxisTitleLeftMargin", 10);

Gets or sets the margin around a title on the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisTitleMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "xAxisTitleMargin");
   
// Set
$(".selector").igShapeChart("option", "xAxisTitleMargin", 10);

Gets or sets the right margin of a title on the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisTitleRightMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "xAxisTitleRightMargin");
   
// Set
$(".selector").igShapeChart("option", "xAxisTitleRightMargin", 10);

Gets or sets color of title on the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisTitleTextColor: "blue"
});
   
// Get
var color = $(".selector").igShapeChart("option", "xAxisTitleTextColor");
   
// Set
$(".selector").igShapeChart("option", "xAxisTitleTextColor", "blue");

Gets or sets CSS font property for title on X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisTitleTextStyle: "26pt Times New Roman|Georgia|Serif"
});
   
// Get
var textStyle = $(".selector").igShapeChart("option", "xAxisTitleTextStyle");
   
// Set
$(".selector").igShapeChart("option", "xAxisTitleTextStyle", "26pt Times New Roman|Georgia|Serif");

Gets or sets the top margin of a title on the X-axis.

 
// Initialize
$(".selector").igShapeChart({
	xAxisTitleTopMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "xAxisTitleTopMargin");
   
// Set
$(".selector").igShapeChart("option", "xAxisTitleTopMargin", 10);

Gets or sets whether the large numbers on the Y-axis labels are abbreviated.

Gets or sets how the numeric axis will adjust its range buffer to less closely fix the data from the series.

Gets or sets the distance between the Y-axis and the left edge of the chart.

 
// Initialize
$(".selector").igShapeChart({
	yAxisExtent: 10
});
   
// Get
var extent = $(".selector").igShapeChart("option", "yAxisExtent");
   
// Set
$(".selector").igShapeChart("option", "yAxisExtent", 10);

Gets or sets whether the axis should favor emitting a label at the end of the scale.

Gets or sets function which takes a context object and returns a formatted label for the Y-axis.

 
// Given the following data where Cost is the Y axis...
var data1 = [
	{ "ID": 1, "Cost": 12.5 },
	{ "ID": 2, "Cost": 18.56 },
	{ "ID": 3, "Cost": 22.18 }];
	
// Initialize
$(".selector").igShapeChart({
	yAxisFormatLabel: function (item) {
		return item.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
	}
});

Gets or sets the distance between each label and grid line along the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisInterval: 2
});
   
// Get
var interval = $(".selector").igShapeChart("option", "yAxisInterval");
   
// Set
$(".selector").igShapeChart("option", "yAxisInterval", 2);

Gets or sets whether to invert the direction of the Y-axis by placing the minimum numeric value at the top of the chart.

 
// Initialize
$(".selector").igShapeChart({
	yAxisInverted: true
});
   
// Get
var isInverted = $(".selector").igShapeChart("option", "yAxisInverted");
   
// Set
$(".selector").igShapeChart("option", "yAxisInverted", true);

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.

 
// Initialize
$(".selector").igShapeChart({
	yAxisIsLogarithmic: true
});
   
// Get
var isInverted = $(".selector").igShapeChart("option", "yAxisIsLogarithmic");
   
// Set
$(".selector").igShapeChart("option", "yAxisIsLogarithmic", true);

Gets or sets the property or string from which the labels are derived.

 
// Get
var label = $(".selector").igShapeChart("option", "yAxisLabel");

Gets or sets the angle of rotation for labels along the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisLabelAngle: 30
});
   
// Get
var angle = $(".selector").igShapeChart("option", "yAxisLabelAngle");
   
// Set
$(".selector").igShapeChart("option", "yAxisLabelAngle", 30);

Gets or sets the bottom margin of labels on the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisLabelBottomMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "yAxisLabelBottomMargin");
   
// Set
$(".selector").igShapeChart("option", "yAxisLabelBottomMargin", 10);

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 Horizontal alignment of Y-axis labels.

 
// Initialize
$(".selector").igShapeChart({
	yAxisLabelHorizontalAlignment: "center"
});
   
// Get
var alignment = $(".selector").igShapeChart("option", "yAxisLabelHorizontalAlignment");
   
// Set
$(".selector").igShapeChart("option", "yAxisLabelHorizontalAlignment", "center");

Gets or sets the left margin of labels on the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisLabelLeftMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "yAxisLabelLeftMargin");
   
// Set
$(".selector").igShapeChart("option", "yAxisLabelLeftMargin", 10);

Gets or sets location of Y-axis labels, relative to the plot area.

Gets or sets the right margin of labels on the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisLabelRightMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "yAxisLabelRightMargin");
   
// Set
$(".selector").igShapeChart("option", "yAxisLabelRightMargin", 10);

Gets or sets color of labels on the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisLabelTextColor: "blue"
});
   
// Get
var textColor = $(".selector").igShapeChart("option", "yAxisLabelTextColor");
   
// Set
$(".selector").igShapeChart("option", "yAxisLabelTextColor", "blue");

Gets or sets CSS font property for labels on Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisLabelTextStyle: "16pt Verdona"
});
        
// Get
var textStyle = $(".selector").igShapeChart("option", "yAxisLabelTextStyle");
        
// Set
$(".selector").igShapeChart("option", "yAxisLabelTextStyle", "16pt Verdona");

Gets or sets the top margin of labels on the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisLabelTopMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "yAxisLabelTopMargin");
   
// Set
$(".selector").igShapeChart("option", "yAxisLabelTopMargin", 10);

Gets or sets Vertical alignment of Y-axis labels.

 
// Initialize
$(".selector").igShapeChart({
	yAxisLabelVerticalAlignment: "center"
});
   
// Get
var alignment = $(".selector").igShapeChart("option", "yAxisLabelVerticalAlignment");
   
// Set
$(".selector").igShapeChart("option", "yAxisLabelVerticalAlignment", "center");

Gets or sets Visibility of Y-axis labels.

 
// Initialize
$(".selector").igShapeChart({
	yAxisLabelVisibility: "visible"
});
   
// Get
var visibility = $(".selector").igShapeChart("option", "yAxisLabelVisibility");
   
// Set
$(".selector").igShapeChart("option", "yAxisLabelVisibility", "visible");

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.

 
// Initialize
$(".selector").igShapeChart({
	yAxisLogarithmBase: 10
});
   
// Get
var logBase = $(".selector").igShapeChart("option", "yAxisLogarithmBase");
   
// Set
$(".selector").igShapeChart("option", "yAxisLogarithmBase", 10);

Gets or sets the color to apply to major gridlines along the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisMajorStroke: "blue"
});
   
// Get
var stroke = $(".selector").igShapeChart("option", "yAxisMajorStroke");
   
// Set
$(".selector").igShapeChart("option", "yAxisMajorStroke", "blue");

Gets or sets the thickness to apply to major gridlines along the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisMajorStrokeThickness: 5
});
   
// Get
var thickness = $(".selector").igShapeChart("option", "yAxisMajorStrokeThickness");
   
// Set
$(".selector").igShapeChart("option", "yAxisMajorStrokeThickness", 5);

Gets or sets the data value corresponding to the maximum value of the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisMaximumValue: 100
});
   
// Get
var maxValue = $(".selector").igShapeChart("option", "yAxisMaximumValue");
   
// Set
$(".selector").igShapeChart("option", "yAxisMaximumValue", 100);

Gets or sets the data value corresponding to the minimum value of the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisMinimumValue: 0
});
   
// Get
var minValue = $(".selector").igShapeChart("option", "yAxisMinimumValue");
   
// Set
$(".selector").igShapeChart("option", "yAxisMinimumValue", 0);

Gets or sets the frequency of displayed minor lines along the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisMinorInterval: 1
});
   
// Get
var interval = $(".selector").igShapeChart("option", "yAxisMinorInterval");
   
// Set
$(".selector").igShapeChart("option", "yAxisMinorInterval", 1);

Gets or sets the color to apply to minor gridlines along the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisMinorStroke: "grey"
});
   
// Get
var stroke = $(".selector").igShapeChart("option", "yAxisMinorStroke");
   
// Set
$(".selector").igShapeChart("option", "yAxisMinorStroke", "grey");

Gets or sets the thickness to apply to minor gridlines along the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisMinorStrokeThickness: 5
});
   
// Get
var thickness = $(".selector").igShapeChart("option", "yAxisMinorStrokeThickness");
   
// Set
$(".selector").igShapeChart("option", "yAxisMinorStrokeThickness", 5);

Gets or sets the color to apply to stripes along the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisStrip: "grey"
});
   
// Get
var strip = $(".selector").igShapeChart("option", "yAxisStrip");
   
// Set
$(".selector").igShapeChart("option", "yAxisStrip", "grey");

Gets or sets the color to apply to the Y-axis line.

 
// Initialize
$(".selector").igShapeChart({
	yAxisStroke: "blue"
});
   
// Get
var stroke = $(".selector").igShapeChart("option", "yAxisStroke");
   
// Set
$(".selector").igShapeChart("option", "yAxisStroke", "blue");

Gets or sets the thickness to apply to the Y-axis line.

 
// Initialize
$(".selector").igShapeChart({
	yAxisStrokeThickness: 5
});
   
// Get
var thickness = $(".selector").igShapeChart("option", "yAxisStrokeThickness");
   
// Set
$(".selector").igShapeChart("option", "yAxisStrokeThickness", 5);

Gets or sets the length of tickmarks along the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisTickLength: 5
});
   
// Get
var tickLength = $(".selector").igShapeChart("option", "yAxisTickLength");
   
// Set
$(".selector").igShapeChart("option", "yAxisTickLength", 5);

Gets or sets the color to apply to tickmarks along the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisTickStroke: "blue"
});
   
// Get
var stroke = $(".selector").igShapeChart("option", "yAxisTickStroke");
   
// Set
$(".selector").igShapeChart("option", "yAxisTickStroke", "blue");

Gets or sets the thickness to apply to tickmarks along the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisTickStrokeThickness: 5
});
   
// Get
var thickness = $(".selector").igShapeChart("option", "yAxisTickStrokeThickness");
   
// Set
$(".selector").igShapeChart("option", "yAxisTickStrokeThickness", 5);

Gets or sets the Text to display to the left of the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisTitle: "This is an axis title"
});
   
// Get
var title = $(".selector").igShapeChart("option", "yAxisTitle");
   
// Set
$(".selector").igShapeChart("option", "yAxisTitle", "This is an axis title");

Gets or sets Vertical alignment of the Y-axis title.

 
// Initialize
$(".selector").igShapeChart({
	yAxisTitleAlignment: "center"
});
   
// Get
var alignment = $(".selector").igShapeChart("option", "yAxisTitleAlignment");
   
// Set
$(".selector").igShapeChart("option", "yAxisTitleAlignment", "center");

Gets or sets the angle of rotation for the Y-axis title.

 
// Initialize
$(".selector").igShapeChart({
	yAxisTitleAngle: 30
});
   
// Get
var angle = $(".selector").igShapeChart("option", "yAxisTitleAngle");
   
// Set
$(".selector").igShapeChart("option", "yAxisTitleAngle", 30);

Gets or sets the bottom margin of a title on the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisTitleBottomMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "yAxisTitleBottomMargin");
   
// Set
$(".selector").igShapeChart("option", "yAxisTitleBottomMargin", 10);

Gets or sets the left margin of a title on the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisTitleLeftMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "yAxisTitleLeftMargin");
   
// Set
$(".selector").igShapeChart("option", "yAxisTitleLeftMargin", 10);

Gets or sets the margin around a title on the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisTitleMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "yAxisTitleMargin");
   
// Set
$(".selector").igShapeChart("option", "yAxisTitleMargin", 10);

Gets or sets the right margin of a title on the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisTitleRightMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "yAxisTitleRightMargin");
   
// Set
$(".selector").igShapeChart("option", "yAxisTitleRightMargin", 10);

Gets or sets color of title on the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisTitleTextColor: "blue"
});
   
// Get
var color = $(".selector").igShapeChart("option", "yAxisTitleTextColor");
   
// Set
$(".selector").igShapeChart("option", "yAxisTitleTextColor", "blue");

Gets or sets CSS font property for title on Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisTitleTextStyle: "26pt Times New Roman|Georgia|Serif"
});
   
// Get
var textStyle = $(".selector").igShapeChart("option", "yAxisTitleTextStyle");
   
// Set
$(".selector").igShapeChart("option", "yAxisTitleTextStyle", "26pt Times New Roman|Georgia|Serif");

Gets or sets the top margin of a title on the Y-axis.

 
// Initialize
$(".selector").igShapeChart({
	yAxisTitleTopMargin: 10
});
   
// Get
var margin = $(".selector").igShapeChart("option", "yAxisTitleTopMargin");
   
// Set
$(".selector").igShapeChart("option", "yAxisTitleTopMargin", 10);