Javascript 在PHP文件中实现ApexCharts而不需要main.js文件

我正在尝试使用ApexCharts在我的php页面上创建一个图表

以下代码在驻留在my main.js文件中时有效：

var options = {
          series: [{
          name: 'Series 1',
          data: [80, 50, 30, 40, 100, 20],
        }],
          chart: {
          height: 500,
          type: 'radar',
        },
     
        xaxis: {
          categories: ['January', 'February', 'March', 'April', 'May', 'June']
        }
        };

var charta = new ApexCharts(document.querySelector("#charta"), options);
    charta.render();

当它与我的player.php文件一致时：

<div id = "charta"></div>

但是，main.js中的相同代码在player.php文件中的脚本标记之间不起作用，因为没有显示任何内容

有人能指出如何在我的php代码中运行main.js代码，从而消除对main.js文件的需要吗？或者这是不可能的