Mirage LIVE PREVIEW

Charts - Scatter

Scatter charts are based on basic line charts with the x axis changed to a linear axis. To use a scatter chart, data must be passed as objects containing X and Y properties.

Documentation
<style type="text/css">
    .ui-chart {
        margin-bottom: 50px;
    }
</style>

<p:scatterChart model="#{chartJsView.scatterModel}" style="width: 100%; height: 500px;"/>