Home > JavaScript Demos > Radar Charts > Basic Radar

Basic Radar in JavaScript

Using ApexCharts with JavaScript

This Basic Radar example uses ApexCharts.js directly in JavaScript, with no wrapper component.

Install it with npm install apexcharts, then mount the chart with new ApexCharts(element, options).render().

JavaScript installation guide
var options = {
  series: [
    {
      name: 'Revenue ($k)',
      data: [80, 50, 30, 40, 100, 20],
    },
  ],
  chart: {
    height: 350,
    type: 'radar',
  },
  title: {
    text: 'Monthly Sales Performance',
  },
  yaxis: {
    stepSize: 20,
  },
  xaxis: {
    categories: ['January', 'February', 'March', 'April', 'May', 'June'],
  },
}

var chart = new ApexCharts(document.querySelector('#chart'), options)
chart.render()