Home forums Report Bugs canvasjs dose not work in phonegap

This topic contains 0 replies, has 1 voice, and was last updated by  mor 1 year, 3 months ago.

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #9218

    mor
    Member

    I build hybrid app using phonegap. in the html site my canvasJS chart works perfect, but when i build my app with phonegap my chart isn’t work – i cant see it.

    this is my HTML code:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=”UTF-8″>
    <title>Tech-care</title>
    <script src=”http://code.jquery.com/jquery-1.7.2.min.js”></script>
    <script src=”http://code.jquery.com/ui/1.8.21/jquery-ui.min.js”></script>
    <script src=”jquery.ui.touch-punch.min.js”></script>
    <script type=”text/javascript” charset=”utf-8″ src=”cordova-2.5.0.js”></script>
    <script src=”../js/script.js”></script>
    <script src=”../js/jquery.js”></script>
    <script>$(‘#widget’).draggable();</script>
    <link rel=”stylesheet” href=”//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css”>
    <script src=”//code.jquery.com/jquery-1.10.2.js”></script>
    <script src=”//code.jquery.com/ui/1.11.2/jquery-ui.js”></script>
    <script src=”js/jquery.canvasjs.min.js” type=”text/javascript” ></script>
    <script type=”text/javascript” src=”../cordova.js”></script>
    <script src=”../js/index.js”></script>
    <link rel=”stylesheet” href=”../styles/style.css”>
    <meta name=”viewport” content=”width=device-width, initial-scale=1″ charset=”utf-8″>
    </head>
    <body onload=”app.initialize();”>
    <div id=”wrapper”>
    <header class=”headerHome”>

    <ul class=”navCover”>
    <li onclick=”showmenu(this)” class=”navMenu”>

    </header>
    <main class=”pagesMain”>
    <section class=”analyzeMainTitle generalFormTextR”>Events analysis</section>
    <section class=”analyzeSubTitle generalFormTextB”>Month classification</section>
    <section id=”chartContent” class=”chartContent”></section>
    </main>
    <footer></footer>
    </div>
    </body>
    </html>

    <script src=”../js/analyze.js”></script>

    This is my js code:

    function showmenu(elem) {
    // Clear any currently open menu
    var openMenu = document.getElementById(“activeMenu”);
    if (openMenu) {
    openMenu.removeAttribute(“id”);
    if (openMenu === elem) {
    return;
    }
    }

    // Only apply it if the element actually has LI child nodes.
    // OPTIONAL: Will still work without if statement.
    if (elem.getElementsByTagName(“li”).length > 0) {
    elem.setAttribute(“id”, “activeMenu”);
    }
    }

    $(window).on(“load” ,function () {

    $.getJSON(“http://liorha.mtacloud.co.il/tech-care/analyzeController.php”, function (result) {
    var chart = new CanvasJS.Chart(“chartContent”, {

    type: “column”,
    backgroundColor: null,
    axisY: {
    gridThickness: 0
    },
    data: [
    {
    color: “#be1e2d”,
    dataPoints: result

    }
    ]
    });
    chart.render();
    });

    });

    function logout(){
    $.post( “http://liorha.mtacloud.co.il/tech-care/mainScreenCotroller.php”, { handle: “logout” })
    .done(function( data ) {
    if (data.match(“success”)){
    window.open(“../index.html”,’_self’);
    }
    });
    }

    What am i missing here? Tnx.

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.