ApexChart JS-如何从变量获取数据

Question

我正在使用名为QSM测验和Survey的WordPress插件，我想在测验末尾的结果页面中添加顶点图表，我的变量示例为“''％score％'''”，我希望结果为在图表中显示

 var colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560'];
    var options = {
        chart: {
            height: 500,
            type: 'bar',
            events: {
                click: function(chart, w, e) {
                    console.log(chart, w, e )
                }
            },
        },
        colors: colors,
        plotOptions: {
            bar: {
                columnWidth: '45%',
                distributed: true
            }
        },
        dataLabels: {
            enabled: true,
        },
        series: [{
            data: [4,6,3,8]
        }],
        xaxis: {
            categories: ['Vocabulary / 10', 'Listening / 10', 'Grammar / 10', 'Reading / 10'],
            labels: {
                style: {
                    colors: colors,
                    fontSize: '14px'
                }
            }
        }
    }

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

    chart.render();

我如何制作此部分series: [{ data: [4,6,3,8] }], 接受%score1%,%score2%,%score3%,%score4%作为数据吗？

这是我第一次在stackoverflow上感到抱歉，如果我不熟悉问正确的方法