在Javascript图表中调用php变量_Javascript_Php_Bar Chart

在Javascript图表中调用php变量

javascript php

在Javascript图表中调用php变量,javascript,php,bar-chart,Javascript,Php,Bar Chart,嗨，我正试图在javascript图表中显示来自数据库的值。我试着把整个剧本都录下来，但没用这是我的密码。你知道怎么做吗 <body> <div style="width: 50%"> <canvas id="canvas" height="450" width="600"></canvas> </div> <script> var randomScalingFactor = func

嗨，我正试图在javascript图表中显示来自数据库的值。我试着把整个剧本都录下来，但没用

这是我的密码。你知道怎么做吗

<body>
    <div style="width: 50%">
        <canvas id="canvas" height="450" width="600"></canvas>
    </div>


<script>
var randomScalingFactor = function(){ return Math.round(Math.random()*100)};

var barChartData = {
    labels : ["January","February","March","April","May","June","July"],
    datasets : [
        {
            fillColor : "rgba(220,220,220,0.5)",
            strokeColor : "rgba(220,220,220,0.8)",
            highlightFill: "rgba(220,220,220,0.75)",
            highlightStroke: "rgba(220,220,220,1)",
            data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
        },
        {
            fillColor : "rgba(151,187,205,0.5)",
            strokeColor : "rgba(151,187,205,0.8)",
            highlightFill : "rgba(151,187,205,0.75)",
            highlightStroke : "rgba(151,187,205,1)",
            data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
        }
    ]

}
window.onload = function(){
    var ctx = document.getElementById("canvas").getContext("2d");
    window.myBar = new Chart(ctx).Bar(barChartData, {
        responsive : true
    });
}

</script>
</body>

为此，您需要将JSON字符串作为参数传递给JavaScript函数，该函数将具有关联数组，如month:scaling factor作为键值对。然后在函数中，您可以解析JSON字符串并获取所需数据并传递给图表函数。

服务器与客户端问题。试试看AJAX。这就是从数据库获取数据的情况。我并没有在代码中真正看到它。您可以在脚本中使用PHP变量。它可能对你有用。问题解决了。我直接在js中调用了php变量。提供一个示例会很有帮助。下面是示例代码：$json=“[{'X'：0，'Y'：1.52}，{'X'：1，'Y'：1.56}，{'X'：2，'Y'：1.42}，{'X'：3，'Y'：1.85}，{'X'：4，'Y'：1.62}”$callscript=“get_chart（$json）；”；echo$callscript；函数get_chart（data）{for（keyd-in-data）{alert（keyd）；}

labels : ["January","February","March","April","May","June","July"],

data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]