7c80346c7c2c36d93ba4d65c8f3bf24d917816c2
[moodle.git] / lib / amd / src / chart_output_chartjs.js
1 // This file is part of Moodle - http://moodle.org/
2 //
3 // Moodle is free software: you can redistribute it and/or modify
4 // it under the terms of the GNU General Public License as published by
5 // the Free Software Foundation, either version 3 of the License, or
6 // (at your option) any later version.
7 //
8 // Moodle is distributed in the hope that it will be useful,
9 // but WITHOUT ANY WARRANTY; without even the implied warranty of
10 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
11 // GNU General Public License for more details.
12 //
13 // You should have received a copy of the GNU General Public License
14 // along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
16 /**
17  * Chart output for chart.js.
18  *
19  * @package    core
20  * @copyright  2016 Frédéric Massart - FMCorz.net
21  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
22  */
23 define(['jquery', 'core/chartjs', 'core/chart_output_base'], function($, Chartjs, Base) {
25     /**
26      * Chart output for Chart.js.
27      */
28     function Output() {
29         Base.prototype.constructor.apply(this, arguments);
30         this._build();
31     }
33     Output.prototype = Object.create(Base.prototype);
35     Output.prototype._config = null;
36     Output.prototype._chartjs = null;
38     Output.prototype.getDatasets = function() {
39         var sets = this._chart.getSeries().map(function(series) {
40             return {
41                 label: series.getLabel(),
42                 data: series.getValues(),
43                 type: series.getType(),
44                 fill: false,
45                 borderColor: series.getColor(),
46                 backgroundColor: series.getColor()
47             };
48         });
49         return sets;
50     };
52     Output.prototype._build = function() {
53         this._config = this._makeConfig();
54         this._chartjs = new Chartjs(this._node[0], this._config);
55     };
57     Output.prototype._makeConfig = function() {
58         var config = {
59             type: this._chart.getType(),
60             data: {
61                 labels: this._chart.getLabels(),
62                 datasets: this.getDatasets()
63             },
64             options: {
65                 title: {
66                     display: this._chart.getTitle() !== null,
67                     text: this._chart.getTitle()
68                 }
69             }
70         };
71         return config;
72     };
74     Output.prototype.update = function() {
75         $.extend(true, this._config, this._makeConfig());
76         this._chartjs.update();
77     };
79     return Output;
81 });