Question

我正在构建一个具有仪表板和数据图形表示的应用程序。它是一个模板。我希望值在图表上是动态的，即我希望使用getLatLng()将值传递给图表。

问题是价值是在＆＃39; .js＆＃39;中设定的。文件。如何将值从数据库传递到文件以显示它们？

请帮忙

这是我的HTML

marker.on('dragend', function(event) {
  var latlng = event.target.getLatLng();
  console.log(latlng.lat, latlng.lng)
});

然后此代码触发＆＃39; .js＆＃39;文件

    def columns(card_list = ()): 
        for line in zip(card_list[0],card_list[1],card_list[2]):
            print('{:30}{}'.format(*line))

然后这是javascript片段

php

我想动态控制这些值

<!-- Chart Widget -->
                                <div class="widget">
                                    <div class="widget-content border-bottom">
                                        <span class="pull-right text-muted"><?php  echo htmlentities(date("Y")); ?></span>
                                        Last Year's Data
                                    </div>
                                    <div class="widget-content border-bottom themed-background-muted">
                                        <!-- Flot Charts (initialized in js/pages/readyDashboard.js), for more examples you can check out http://www.flotcharts.org/ -->
                                        <div id="chart-classic-dash" style="height: 393px;"></div>
                                    </div>
                                    <!--
                                    <div class="widget-content widget-content-full">
                                        <div class="row text-center">
                                            <div class="col-xs-4 push-inner-top-bottom border-right">
                                                <h3 class="widget-heading"><i class="gi gi-wallet text-dark push-bit"></i> <br><small>$ 41k</small></h3>
                                            </div>
                                            <div class="col-xs-4 push-inner-top-bottom">
                                                <h3 class="widget-heading"><i class="gi gi-cardio text-dark push-bit"></i> <br><small>17k Sales</small></h3>
                                            </div>
                                            <div class="col-xs-4 push-inner-top-bottom border-left">
                                                <h3 class="widget-heading"><i class="gi gi-life_preserver text-dark push-bit"></i> <br><small>3k+ Tickets</small></h3>
                                            </div>
                                        </div>
                                    </div>-->
                                </div>

再次感谢

Answer 1

请发布您的代码，它很容易帮助您，并且通过PHP将值传递给javascript变量很简单，下面是我的示例代码，用于传递从数据库到条形图的dyanamic数据。这是供您参考的完整代码

<script type="text/javascript">      
google.charts.setOnLoadCallback(drawChart);
imagepath_comparison="";
function drawChart() {
var data = google.visualization.arrayToDataTable([<?=$data;?>]);
var options = {
title: 'GRAPH ANALYSIS',
vAxis: {title: "SUBJECTS"},
hAxis: {
title: "MARKS"

}
};

</script>

Answer 2

ZingChart有一个非常兼容的插件，用于检索数据并使用php上传它！

我们还有几个例子可以帮助您更好地理解兼容性

php and AJAX example

MySQL example

ZingChart php wrapper

php dashboard

php demo1

php demo2

Answer 3

如果要将数据从数据库传递到动态图表，则必须使用AJAX。我尝试使用jQuery AJAX。

看看这个：Passing data from php to Jquery

你有任何代码片段吗？如果您不熟悉ajax，我们可能会帮助您。

Answer 4

在你的php中：

$ sql8 =“SELECT marca，COUNT（*）as cnt，DATE_FORMAT（entra，'％m /％d /％Y'）FROM equipos” 。 “现在（）之间的陷阱 - 间隔30天和现在（）GROUP BY marca ORDER BY marca”;

   // execute SQL query and get result

    $sql_result = mysql_query($sql8)
            or die("Couldn't execute query.");

在你的脚本中

：

数据：[

<?php while($row = mysql_fetch_array($sql_result)){ ?>

{

    marca: '<?php echo $row['marca']; ?>',

    cnt: '<?php echo $row['cnt']; ?>',

},

<?php } ?>],

Answer 5

谢谢大家，我只是使用AJAX传递JavaScript文件的值。

如何将值动态传递给图表

5 个答案: