From 604c43640a05ea30e085381c90584f31e8bf7f7c Mon Sep 17 00:00:00 2001
From: Mathieu Duckerts-Antoine <dam@odoo.com>
Date: Tue, 26 Feb 2019 14:43:23 +0000
Subject: [IMP] web: use Chart.js in graph view

It has been decided to use Chart.js instead of nvd3 to render charts.
In this commit the graph view has been largely rewritten to benefit
from the options offered by Chart.js.

Task ID: 1946138
---
 .../static/src/js/views/graph/graph_controller.js  | 23 +++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

(limited to 'addons/web/static/src/js/views/graph/graph_controller.js')

diff --git a/addons/web/static/src/js/views/graph/graph_controller.js b/addons/web/static/src/js/views/graph/graph_controller.js
index a88a94b786f..9e2ebfc0a78 100644
--- a/addons/web/static/src/js/views/graph/graph_controller.js
+++ b/addons/web/static/src/js/views/graph/graph_controller.js
@@ -114,12 +114,11 @@ var GraphController = AbstractController.extend(GroupByMenuMixin,{
     _setGroupby: function (groupBy) {
         this.update({groupBy: groupBy});
     },
-
     /**
      * @todo remove this and directly calls update. Update should be overridden
      * and modified to call _updateButtons
      *
-     * private
+     * @private
      *
      * @param {'pie'|'line'|'bar'} mode
      */
@@ -138,6 +137,15 @@ var GraphController = AbstractController.extend(GroupByMenuMixin,{
             self._updateButtons();
         });
     },
+    /**
+     * @private
+     *
+     * @param {boolean} stacked
+     */
+    _toggleStackMode: function (stacked) {
+        this.update({stacked: stacked});
+        this._updateButtons();
+    },
     /**
      * override
      *
@@ -160,6 +168,11 @@ var GraphController = AbstractController.extend(GroupByMenuMixin,{
         this.$buttons
             .find('.o_graph_button[data-mode="' + state.mode + '"]')
             .addClass('active');
+        this.$buttons
+            .find('.o_graph_button[data-mode="stack"]')
+            .data('stacked', state.stacked)
+            .toggleClass('active', state.stacked)
+            .toggleClass('o_hidden', state.mode !== 'bar');
         _.each(this.$measureList.find('.dropdown-item'), function (item) {
             var $item = $(item);
             $item.toggleClass('selected', $item.data('field') === state.measure);
@@ -180,7 +193,11 @@ var GraphController = AbstractController.extend(GroupByMenuMixin,{
         var $target = $(ev.target);
         var field;
         if ($target.hasClass('o_graph_button')) {
-            this._setMode($target.data('mode'));
+            if (_.contains(['bar','line', 'pie'], $target.data('mode'))) {
+                this._setMode($target.data('mode'));
+            } else if ($target.data('mode') === 'stack') {
+                this._toggleStackMode(!$target.data('stacked'));
+            }
         } else if ($target.parents('.o_graph_measures_list').length) {
             ev.preventDefault();
             ev.stopPropagation();
-- 
cgit v1.2.3