$(".selector").igFinancialChart({
dataSource: data,
xAxisMinimumValue: new Date(2016, 4, 1),
xAxisMaximumValue: new Date(2017, 11, 1),
yAxisMinimumValue: 600,
yAxisMaximumValue: 1000
});
In the igFinancialChart control, the range on the axes is calculated from your datasource by default and can be configured as described below. The range minimum is the lowest value of the axis. The range maximum is the highest value of the axis.
By default, the igFinancialChart control will calculate the minimum and maximum values for the X and Y axis range based on the lowest and highest data points in the underlying data source in order to maximize the chart plot area. This automatic calculation of an axis' minimum and maximum values may not be appropriate for your set of data points. For example, if you wanted to show some extra space between the edge of the chart and your plotted series, you would need to format the axis range in the igFinancialChart.
You can configure the ranges of the Y-axis by setting the following properties of the igFinancialChart control:
The following sample code demonstrates how to change the axis range on the Y-axis of the igFinancialChart control.
In JavaScript:
$(".selector").igFinancialChart({
dataSource: data,
xAxisMinimumValue: new Date(2016, 4, 1),
xAxisMaximumValue: new Date(2017, 11, 1),
yAxisMinimumValue: 600,
yAxisMaximumValue: 1000
});The above code will result in a igFinancialChart that looks like the following:
View on GitHub