Stacked linechart and reduce opacity fix

Added functionality for a stacked Linechart and fixed the reduce opacity
option (Setting this option to No didn't do anything

Author: Mcpoowl

src/ChartJS/widgets/Core.js

@@ -61,7 +61,7 @@ define([
 
         startup: function () {
             // Uncomment line to start debugging
-            //logger.level(logger.DEBUG);
+            //logger.level(logger.DEBUG); 
             logger.debug(this.id + ".startup");
 
             var domNode = null;

src/ChartJS/widgets/LineChart/LineChart.xml

@@ -14,6 +14,11 @@
             <category>Appearance</category>
 			<description>Initial width of the chart canvas, will be ignored when responsive property is set to 'Yes'</description>
         </property>
+        <property key="isStacked" type="boolean" required="true" defaultValue="false">
+            <caption>Stacked</caption>
+            <category>Appearance</category>
+            <description>When yes, different dataset will stack on top of eachother on the Y-axis</description>
+        </property>
         <property key="height" type="integer" required="true" defaultValue="250">
             <caption>Height</caption>
             <category>Appearance</category>

src/ChartJS/widgets/LineChart/widget/LineChart.js

@@ -80,7 +80,7 @@ define([
 
                 _set = {
                     label : (this.scaleShowLabelsBottom === true) ? label : "",
-                    backgroundColor: (this.seriesColorReduceOpacity) ? this._hexToRgb(color, "0.2") : this._hexToRgb(color, "0.2"),
+                    backgroundColor: (this.seriesColorReduceOpacity) ? this._hexToRgb(color, "0.2") : color,
                     borderColor: (this.seriesColorReduceOpacity) ? this._hexToRgb(color, "0.5") : color,
                     pointColor: (this.seriesColorReduceOpacity) ? this._hexToRgb(color, "0.8") : color,
                     pointBorderColor: (this.seriesColorReduceOpacity) ? this._hexToRgb(color, "0.8") : color,
@@ -110,18 +110,25 @@ define([
         _createChart : function (data) {
             logger.debug(this.id + "._createChart");
 
+
             if (this._chart) {
                 this._chart.stop();
                 this._chart.data.datasets = data.datasets;
                 this._chart.data.labels = data.labels;
                 this._chart.update(1000);
                 this._chart.bindEvents(); // tooltips otherwise won't work
             } else {
-
+                            logger.debug("stacked:" + this.isStacked);
                 this._chart = new this._chartJS(this._ctx, {
                     type: "line",
                     data: data,
                     options: {
+                        scales : {
+                            yAxes: [{
+                                //If stacked is set to true, the Y-axis needs to be stacked for it to work
+                                stacked: this.isStacked
+                            }]
+                        },
 
                         responsive : this.responsive,
                         responsiveAnimationDuration : (this.responsiveAnimationDuration > 0 ? this.responsiveAnimationDuration : 0),
@@ -151,6 +158,9 @@ define([
                         //Boolean - Whether to show vertical lines (except Y axis)
                         scaleShowVerticalLines : this.scaleShowVerticalLines,
 
+                        //Boolean - Whether or not to render as a stacked chart
+                        stacked : this.isStacked,
+
                         //Boolean - Whether to show a dot for each point
                         pointDot : this.pointDot,