Fix chartjs line chart autoskip/label overlap (#130)

* Fixed autoskip/label overlap issue until chartjs is patched.
node-red · Dec 22, 2016 · 386b476 · 386b476
1 parent e7f0199
commit 386b476
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/components/ui-chart-js/ui-chart-js.js b/src/components/ui-chart-js/ui-chart-js.js
@@ -9,6 +9,20 @@ angular.module('ui').directive('uiChartJs', [ '$timeout', '$interpolate',
                 $timeout(function() {
                     var type = scope.$eval('me.item.look');
                     scope.config = loadConfiguration(type, scope);
+
+                    // Fix autoskip so last two scale labels don't overlap
+                    Chart.scaleService.updateScaleDefaults('time', {
+                        afterBuildTicks: function(me){
+                            var end = me.ticks.length-1;
+                            if (end > 1) {
+                                var lastDiff = me.parseTime(me.ticks[end]).diff(me.parseTime(me.ticks[end-1]));
+                                var penulDiff = me.parseTime(me.ticks[end-1]).diff(me.parseTime(me.ticks[end-2]));
+                                if (lastDiff < penulDiff) {
+                                   me.ticks.splice(end-1,1);
+                                }
+                            }
+                        }
+                    });
 
                     // When new values arrive, update the chart
                     scope.$watch('me.item.value', function (newValue) {