Javascript 如何将值动态传递给图表

我正在构建一个应用程序，它有一个带有数据图形表示的仪表板。这是一个模板。我希望图表上的值是动态的，即我希望使用

php

将值传递给图表

问题是在“.js”文件中设置了值。如何将值从数据库传递到文件以显示它们

请帮忙

这是我的html

<!-- 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>

我想动态控制这些值

// Data for the chart
            var dataEarnings        = [[1,  2300], [2, 2300], [3, 3200], [4, 2500], [5, 4200], [6, 3100], [7, 3600], [8, 2500], [9, 4600], [10, 3700], [11, 4200], [12, 5200]];
            var dataSales           = [[1, 850], [2, 750], [3, 1500], [4, 900], [5, 1500], [6, 1150], [7, 1500], [8, 900], [9, 1800], [10, 1700], [11, 1900], [12, 2550]];
            var dataTickets         = [[1, 130], [2, 330], [3, 220], [4, 350], [5, 150], [6, 275], [7, 280], [8, 380], [9, 120], [10, 330], [11, 190], [12, 410]];

---

再次感谢

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

看看这个：

---

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

请发布您的代码，帮助您很容易，通过php将值传递给javascript变量也很简单，下面是我将动态数据从数据库传递到条形图的示例代码。这是供您参考的不完整的代码

<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>

google.charts.setOnLoadCallback（drawChart）；
imagepath_comparison=“”；
函数绘图图（）{
var data=google.visualization.arrayToDataTable（[]）；
变量选项={
标题：“图形分析”，
vAxis:{标题：“主题”}，
哈克斯：{
标题：“标记”
}
};

在php中：

$sql8=“从equipos中选择marca，COUNT（*）作为cnt，DATE_格式（entra，'%m/%d/%Y'）” “从现在到现在的时间间隔（）-30天到现在的时间间隔（），由marca分组，由marca订购”

在脚本中：

数据：[

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

{

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

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

},

<?php } ?>],

{
玛卡：“，
cnt:“”，
},
],

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

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

---

谢谢大家，我只是简单地使用AJAX将值传递到JavaScript文件。

为了给您一个很好的答案，如果您还没有看到，它可能会帮助我们。如果您可以提供。

<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>

   // 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 } ?>],