var options = { chart: { height: 300, type: 'bar', }, plotOptions: { bar: { horizontal: true, barHeight: '35%', } }, dataLabels: { enabled: false }, series: [{ data: [400, 430, 448, 470, 540, 1200, 1380] }], xaxis: { categories: ['Canada', 'Netherlands', 'Italy', 'France', 'Japan', 'USA', 'India'], }, theme: { monochrome: { enabled: true, color: '#1a8e5f', shadeIntensity: 0.1 }, }, } var chart = new ApexCharts( document.querySelector("#basic-bar-graph"), options ); chart.render();