ApexChart JS - как я могу получить данные из переменных

Question

Я использую плагин WordPress, который называется QSM Quiz and Survey, и я хочу добавить апексные диаграммы на страницу результатов в конце викторины, мой пример переменных '' '% 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% в качестве данных?

это мой первый раз в стеке потока, извините, если я выгляжу незнакомым с вопросомправильный путь