This example demonstrates various attributes of a Scatter chart.

Marker - Use the series-level attribute to define the marker representing the data information for the chart.

Format - Use the axis-level attribute to define date/time and numeric formatting, such as currency, decimal places and date formatting. The Percent Format allows a user to format the numeric values on the axes and tooltips as percent values. When a number is formatted as a percent, the values on the chart are multiplied by 100.

Custom Tooltip - Use this series-level attribute to include custom data in the tooltips displayed as the mouse moves over the data points of the chart.

For more information on the Oracle JET Scatter chart, refer to the Oracle JET Cookbook Scatter Chart: Attribute Groups example. The chart data is based on information contained in the OECD Pensions at a Glance 2013 report.

This example demonstrates how to dynamically change the y-axis minimum and maximum values, based upon values selected by the end user.

JavaScript Code - Use the chart-level advanced attribute to initialize the chart using JavaScript code that uses the values of page items to set the y-axis minimum and maximum values.

function (options) {
    options.yAxis = { 
        min: $v('P1_Y_MIN'),
        max: $v('P1_Y_MAX')
    };
    return options;
}

... where P1_Y_MAX and P1_Y_MIN would be the two page items used for setting the values.

Dynamic Action - Use a dynamic action, triggerd by the click of a button, to update the chart with y-axis minimum and maximum values selected by the end user.

For more information on the Oracle JET ojChart yAxis object, refer to the Oracle JET ojChart API ojChart: yAxis object.