RE: including external js libs / Charts.js

Former Member — Wed, 25 Jul 2018 06:38:30 GMT

Perfect answer. Thank you so much, Eli Yes, the issue was my JavaScript code is running before Chart.min.js gets loaded. As suggested best practice, I have also moved my js code to Innovator/Client/javascript folder. Also thanks for reference link to Workflow Timeline project, it is helpful.

RE: including external js libs / Charts.js

Eli Donahue — Mon, 23 Jul 2018 16:21:50 GMT

Hi ke, It sounds like your JavaScript is running before Chart.min.js gets loaded. You can try wrapping your logic in a require block. I find that typically resolves these timing issues.

require([
    "../scripts/Test/Chart.min.js" 
], function(
    Chart
) {
    // this function contains all logic requiring Chart.min.js
    function loadChart() {
        var ctx = document.getElementById("myChart").getContext('2d');
        var myChart = new Chart(ctx, {...});
        
        // remaining chart logic here
    }

    // call the load chart function once Chart.min.js is loaded
    loadChart();
});

You can see this approach used in several Aras Community Projects, like this method in the Workflow Timeline project. Another thing that may help is putting your Test folder in the Innovator/Client/javascript folder instead of the scripts folder. I'm not sure whether this makes a difference, but I think it may have resolved an issue for me once. Hope this helps! Eli

Eli Donahue Aras Labs Software Engineer