<div id="myChart"></div>
<script type="module">
    import { BarChart } from 'https://cdn.jsdelivr.net/npm/chartist@1.3.0/+esm';

    const div = document.createElement("div");
    div.classList.add("ct-chart");
    div.classList.add("ct-major-tenth");
    document.getElementById("myChart").appendChild(div);

    const groups = apex.item("P1_GROUPS").getValue();
    const value  = apex.item("P1_VALUE").getValue();

    let data = {
        labels: JSON.parse(groups),
        series: [
            JSON.parse(value)
        ]
    };

    let config = {
        horizontalBars: true,
        axisY: {
            offset: 70
        }
    };

    new BarChart(div, data, config);
</script>