将数据从PHP传输到Javascript,并将此值表示为数据点

时间:2019-04-23 14:00:11

标签: javascript canvas datapoint

嘿,我是Canvas JS的新手,我只是想知道是否对于我的数据点的Y轴,我可以从php中的文本文件中收集内容,将变量存储在JavaScript中并将此值打印为Y轴吗?我的数据点。因此,在下面的示例中,如何使用此文本文件中的内容作为Y轴坐标?

<!DOCTYPE HTML>
<html>
<head>
<?php
$DaveLogins = file_get_contents("NoLoginsDave.txt");
?>
<script type="text/javascript">
var val = "<?php echo $DaveLogins ?>";
//alert(val);
window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {
    theme: "light1",
    animationEnabled: true, 
    title:{
        text: "The Number of Logins Per User"
    },
    data: [
    {
        type: "column",
        dataPoints: [
            { label: "Lucy",  y: 10  },
            { label: "Dave", y: val  },
            { label: "Mike", y: 25  },
        ]
    }
    ]
});
chart.render();

}
</script>
</head>
<body>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"> </script>
</body>
</html>

我在这个问题上被困住了,在网上找不到任何东西。任何帮助,将不胜感激。

更新:我已经尝试调试该程序,但是仍然找不到问题。我知道我已成功从两种语言传输数据类型的一种方法是使用警报功能来打印“ val”的值。由于我找不到解决此问题的方法,我该如何处理这种情况?

0 个答案:

没有答案