Charts - Radar

RadarChart is created with a RadarChartModel.

Documentation
<script type="text/javascript">
    function skinRadarChart() {
        Chart.defaults.global.startAngle = 36;
        Chart.defaults.global.tooltips.cornerRadius = 3;
        Chart.defaults.global.tooltips.enabled = true;
        Chart.defaults.global.tooltips.mode = 'point';
        Chart.defaults.global.tooltips.position = 'nearest';
    }
</script>

<div class="ui-g">
    <div class="ui-lg-6 ui-g-12">
        <p:radarChart model="#{chartJsView.radarModel}"/>
    </div>
    <div class="ui-lg-6 ui-g-12">
        <p:radarChart model="#{chartJsView.radarModel2}"/>
    </div>
</div>

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.