ChartJS 真实的实时显示新数据

ff29svar  于 2024-01-07  发布在  Chart.js
关注(0)|答案(1)|浏览(141)

使用此脚本,我无法自动更新新数据。
现在我已经显示了所有的数据。

var ' . $var1 . ' = [];
        var ' . $var2 . ' = [];             

        const ctx = $("#myChart");
        
        const data = {
            labels: '.$var1.',
            datasets: [{
                label: "Student Marks",
                data: '.$var2.',
                backgroundColor: "#0156AC",
                pointStyle: "circle",
                pointRadius: 5,
                pointHoverRadius: 10
            }]
        };
        const config = {
            type: "line",
            data: data
        };
        const myChart = new Chart (
            ctx,
            config
        );
                
        var getData = function() {

                $.ajax({
                    type: "GET",
                    dataType: "json",
                    url: "' . $url . '",
                    success: function(data) {
                        
                        
                     for(var i in data) {
                   '.$var1.'.push(data[i].'.$var1.');
                    '.$var2.'.push(data[i].'.$var2.');

                }

                         
                        
                    }
                });
        
        };
        
        setInterval(getData, 1000);

字符集
我无法显示新的数据,我关注了不同的视频,但我无法获得任何结果。

yruzcnhs

yruzcnhs1#

在处理新的可用数据时,缺少两样东西。
1.您还需要向data.labels添加新值。
1.最后,您需要调用myChart.update()
有关更多信息,请参阅Chart.js文档中的更新图表。

相关问题