This example demonstrates a Range chart with data labels.
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.
- 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.
- 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.
- 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