Include canvasJS diagram on another page

I don't know why I can't include canvasJS with JavaScript on another page.

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


I am using these values ​​(vValue, testValue, projValue), but in this case I was trying to check: if the values ​​are correct, I use .alert()

to see if it accepts those values. In index.php / grafic / view / project1 / 1/2 page, I have a canvasJS drawing that works if I enter this page.

Part of my JS code:

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

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


So my problem is that after I click the button, this diagram does not appear in the parent div, but if I write text on this page, it will be shown in the parent div.


source to share

1 answer

I think the problem is that you are using window.onload and this function will never get executed because the page is loaded with ajax (.load) function Try using jquery load-event instead



All Articles