add ylim parameter to TimeSeries

Author: j.r.dalenberg

src/tags/object/TimeSeries.js

@@ -81,7 +81,7 @@ const TagAttrs = types.model({
   durationdisplayformat: '.0f',
   overviewchannels: '', // comma-separated list of channels to show
   overviewwidth: '25%',
-  ylim: '-5,5', // comma-separated list of y axis limits
+  ylim: '', // comma-separated list of y axis limits
 
   fixedscale: false,
 

src/tags/object/TimeSeries/Channel.js

@@ -35,7 +35,6 @@ import { FF_DEV_3391, isFF } from '../../../utils/feature-flags';
  * @param {number=} [markerSymbol=circle] plot stroke width
  * @param {string=} [timeRange] data range of x-axis / time axis
  * @param {string=} [dataRange] data range of y-axis / data axis
- * @param {string=} [ylim] custom data range of y-axis / data axis
  * @param {string=} [showAxis] show or bide both axis 
  * @param {boolean} [fixedScale] if false current view scales to fit only displayed values; if given overwrites TimeSeries' fixedScale
  */
@@ -75,7 +74,6 @@ const TagAttrs = types.model({
   markersymbol: types.optional(types.string, 'circle'),
 
   datarange: types.maybe(types.string),
-  ylim: types.maybe(types.string),
   timerange: types.maybe(types.string),
 
   showaxis: types.optional(types.boolean, true),
@@ -747,33 +745,37 @@ class ChannelD3 extends React.Component {
       }
 
       if (item.datarange) {
-        console.log('OUTPUT')
-        console.log(item.datarange)
         const datarange = item.datarange.split(',');
 
         if (datarange[0] !== '') min = new Number(datarange[0]);
         if (datarange[1] !== '') max = new Number(datarange[1]);
       }
 
-      if (item.ylim) {
-        // use custom range
-        const datarange = item.ylim.split(',');
+      // calc scale and shift
+      const diffY = d3.extent(values).reduce((a, b) => b - a); // max - min
 
-        if (datarange[0] !== '') min = new Number(datarange[0]);
-        if (datarange[1] !== '') max = new Number(datarange[1]);
+      scaleY = diffY / (max - min);
+      translateY = min / diffY;
 
-        this.y.domain([min, max]);
+      this.y.domain([min, max]);
+      
+    } else {
+      const ylim = item.parent?.ylim
 
-      } else {
-        // calc scale and shift
-        const diffY = d3.extent(values).reduce((a, b) => b - a); // max - min
+      if (ylim !== '') {
+        // use custom range
+        const datarange = ylim.split(',');
 
-        scaleY = diffY / (max - min);
-        translateY = min / diffY;
+        let min = 0
+        let max = 1
+
+        if (datarange[0] !== '') min = Number(datarange[0]);
+        if (datarange[1] !== '') max = Number(datarange[1]);
 
         this.y.domain([min, max]);
       }
     }
+
     // zoomStep - zoom level when we need to switch between optimized and original data
     const strongZoom = scale > this.zoomStep;
     const haveToSwitchData = strongZoom === this.useOptimizedData;