chart.js之; 图表未显示时间和导入的数据。

Question

我是编程的新手，尤其是javascript。 为了学习JavaScript，我正在考虑使用coinmarketcap中的“行情数据”来创建图表。 为了获得股票行情数据，我创建了以下函数：

function golemPrice() {
    //Fetch data
    $curl = curl_init();
    curl_setopt($curl, CURLOPT_URL, "https://api.coinmarketcap.com/v1/ticker/golem-network-tokens/?convert=EUR");
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
    $rawData = curl_exec($curl);
    curl_close($curl);

// decode to array
    $data = json_decode($rawData);

//Access array[0] and select value price_eur
    $gntPrice = $data[0]->price_eur;

// show data
    return $gntPrice;
}

?>

要将数据放入图表中，我正在考虑使用chart.js。 我创建了以下图表：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.js"></script>
<script>
    let priceFromFunction = ["<?php golemPrice();?>"];
    let timeFormat = "MM/DD/YYYY HH:mm";
    let myChart = document.getElementById('golemChart').getContext('2d');
    let lineChart = new Chart(myChart, {
        type: 'line',
        data: {
            datasets: [{
                label: 'Golem chart',

                borderColor: "rgba(80, 164, 245, 4)",
                data: priceFromFunction
            }]
        },
        options: {
            scales: {
                xAxes: [{
                    type: "time",
                    time: {
                        format: timeFormat,
                        // round: 'day'
                        tooltipFormat: 'll HH:mm'
                    },
                    scaleLabel: {
                        display: true,
                        labelString: 'Date'
                    }
                }, ],
                yAxes: [{
                    scaleLabel: {
                        display: true,
                        labelString: 'Price'
                    }
                }]
            },
        }
    });
</script>

不幸的是，我的图表未显示日期，并且未添加该函数的数据。 我尝试了许多不同的事情，但是现在我没有主意了。

希望你能帮助我。

Answer 1

您缺少回显函数值，请尝试替换为：

let priceFromFunction = ["<?php golemPrice();?>"];

至

let priceFromFunction = ["<?php echo golemPrice() ?>"];