fushion chart

<script>
var label_thread_sungai = [];
var data_thread_pij = [];

<?php
$chartData=[];
foreach ($thread_per_sungai->getResult() as $key => $value){
    $chartData[]=[
        'label'=>$value->sungai,
        'value'=>$value->Nilai_pij
    ];
        // label_thread_sungai.push('<?= $value->sungai  ');
        // data_thread_pij.push('<?= $value->Nilai_pij  ');
endforeach;

?>
 /*
 const chartData = [{
        "label": "Venezuela",
        "value": "290"
    }
    ]
*/

    const chartData = <?=json_encode($chartData);?> ;

    // const chartData = {
    //     datasets: [{
    //         "label": label_thread_sungai,
    //         "value": data_thread_pij
    //     }],
    //     labels: label_thread_sungai,
    // }

    //STEP 3 - Chart Configurations
    const chartConfig = {
        type: 'column3d',
        renderAt: 'chart-container',
        width: '100%',
        height: '400',
        dataFormat: 'json',
        dataSource: {
            // Chart Configuration
            "chart": {
                "caption": "Countries With Most Oil Reserves [2017-18]",
                "subCaption": "In MMbbl = One Million barrels",
                "xAxisName": "Country",
                "yAxisName": "Reserves (MMbbl)",
                "numberSuffix": "K",
                "theme": "fusion",
            },
            // Chart Data
            data: chartData
        }
    };


    FusionCharts.ready(function() {
        var fusioncharts = new FusionCharts(chartConfig);
        fusioncharts.render();
    });
</script>