var options = {
  series: [
    {
      name: 'Sign-ups',
      data: [210, 380, 340, 520, 480, 610, 700, 880, 820, 1040, 1180, 1520],
    },
  ],
  chart: {
    height: 350,
    type: 'line',
    zoom: {
      enabled: false,
    },
  },
  dataLabels: {
    enabled: false,
  },
  stroke: {
    curve: 'straight',
  },
  title: {
    text: 'New Sign-ups by Month',
    align: 'left',
  },
  xaxis: {
    categories: [
      'Jan',
      'Feb',
      'Mar',
      'Apr',
      'May',
      'Jun',
      'Jul',
      'Aug',
      'Sep',
      'Oct',
      'Nov',
      'Dec',
    ],
  },
}

var chart = new ApexCharts(document.querySelector('#chart'), options)
chart.render()
Basic Line Chart - JavaScript Line Charts | ApexCharts.js | ApexCharts.js