Moodle 3.x Developer's Guide

Constructing a progress chart

Let us start by creating a new AMD JavaScript module. In Eclipse, create a new folder called /amd/src and, in that, a new file called chart_renderer.js:

As we did in Chapter 5, Creative Teaching - Developing Custom Resources and Activities, where we created a three-dimensional model renderer, we will be creating a new AMD module. However, this time we will be requiring jQuery to help us with the creation of our new progress chart. As described in the Moodle documentation (https://docs.moodle.org/dev/Javascript_Modules#.22Hello_World.22_I_am_a_Javascript_Module), the declaration of our new module opens with the ...