在另一个页面中包含一个 canvasJS 图表答案

【问题标题】：Include a canvasJS chart in another page在另一个页面中包含一个 canvasJS 图表
【发布时间】：2015-05-11 08:40:58
【问题描述】：

我不知道为什么我不能在另一个页面上包含带有 JavaScript 的 canvasJS。

<script type="text/javascript">
    $(document).ready(function() {
        $("input[name='btn']").click(function() {
            var vValue = document.getElementById("value").value;
            var testValue = document.getElementById("test").value;
            var projValue = document.getElementById("project").value;               
            $("#parent").load('/index.php/grafic/view/proiect1/1/2');
        });
    });
</script>

我使用这些值（vValue、testValue、projValue），但在这种情况下，我正在尝试测试：如果值正确，我使用.alert() 来查看它是否采用这些值。在页面 index.php/grafic/view/project1/1/2 上，如果我在该页面上输入，我有一个 canvasJS 图形。

我的部分JS代码：

<script type="text/javascript">
                window.onload = function () {
                    var chart = new CanvasJS.Chart("chartContainer",
                        {
                            exportEnabled: true,
                            title:{
                                text: "<?php echo $nume; ?>"
                            },
                            axisY:{
                                title:"Number of runs"
                            },
                            legend: {
                            ---//---


                             </script>
            <script type="text/javascript" src="/css/canvasjs.min.js"></script>
            <div id="chartContainer" style="height: 300px; width: 1100px;"></div>

所以我的问题是，点击按钮后，在父 div 中该图表不会出现，但如果我在该页面上写一些文本，它将显示在父 div 中。

【问题讨论】：

标签： javascript php jquery html canvasjs

【解决方案1】：

我认为，问题在于您正在使用 window.onload 并且该函数永远不会被执行，因为该页面是由 ajax(.load 函数) 加载的尝试使用 jquery load-event 代替

【讨论】：