This example demonstrates a Bar Range chart with data labels.
Type - Series-level attribute to set the type of range, which is Bar Range in this example.
Maximum Width & Height - Chart-level attributes Maximum Width and Height have been set to 600px and 450px respectively, to size the chart within its region. If you wish to default to using 100% width and height of the given region, simply remove these values, and utilitise the Template Options of the region to control the height as you wish.
Label Position - Use the series-level attribute to define the position of the labels. Valid label positions for a Bar Range series are 'Automatic', 'Center', 'Inside Bar Edge', and 'Outside Bar Edge'. The default is 'Inside Bar Edge'. Use the Series Type attribute to change the series to Area Range. Valid label positions for an Area Range chart are 'Automatic', 'Center', 'Above Marker', 'Below Marker', 'Before Marker', and 'After Marker'. The default is 'Below Marker' for the low label and 'Above Marker'for the high label.
Orientation - Through the use of Dynamic actions, use the Horizontal/Vertical button to the top left of the chart to change the orientiation of the data items on the charts.
Format - use this axis-level setting to apply date or numeric formatting to the values displayed on the chart and axes. For the Y-axis, a 'Decimal' format has been used, to set the number of decimals to zero, overwriting the default setting of 2 decimal places that Oracle JET applies.
For more information on the Range chart settings, refer to the Oracle JET Cookbook Range Chart: Data Labels example.