How to use the @elastic/charts.ScaleType.Linear function in @elastic/charts

defaultMessage: 'Pings',
              description:
                'The label on the y-axis of a chart that displays the number of times Heartbeat has pinged a set of services/websites.',
            })}
          />
           [x, upCount || 0])}
            id={upSpecId}
            name={upMonitorsId}
            stackAccessors={[0]}
            timeZone="local"
            xAccessor={0}
            xScaleType={ScaleType.Time}
            yAccessors={[1]}
            yScaleType={ScaleType.Linear}
          />
           [x, downCount || 0])}
            id={downSpecId}
            name={i18n.translate('xpack.uptime.snapshotHistogram.series.downLabel', {
              defaultMessage: 'Down',
            })}
            stackAccessors={[0]}
            timeZone="local"
            xAccessor={0}
            xScaleType={ScaleType.Time}
            yAccessors={[1]}
            yScaleType={ScaleType.Linear}
          />

{alertVisualizationDataKeys.map((key: string) => {
              return (
                
              );
            })}
            {actualThreshold.map((_value: any, i: number) => {

formatter.convert(d)}
          />

          
        
      );
    }
  }

  if (props.topValues && props.topValues.buckets.length) {
    return wrapInPopover(
      <div data-test-subj="lnsFieldListPanel-topValues">
        {props.topValues.buckets.map(topValue =&gt; {
          const formatted = formatter.convert(topValue.key);
          return (
            <div>
              </div></div>

rect: {
      opacity: 1,
    },
  };
  const colors: DataSeriesColorsValues = {
    colorValues: [],
    specId: getSpecId(id),
  };
  const customColors: CustomSeriesColorsMap = new Map();
  customColors.set(colors, color || '#999');
  return (
    
  );
};

loading = false,
}) => {
  return (
    <div data-test-subj="{`mlEventRateChart" height="" style="{{">
       0} loading={loading}&gt;
        
          {showAxis === true &amp;&amp; }

          
          
        
      
    </div>
  );
};

{data.map(series => {
        const barSeriesKey = series.key;
        const barSeriesSpecId = getSpecId(barSeriesKey);
        const seriesType = SeriesType.BAR;
        return checkIfAllTheDataInTheSeriesAreValid ? (
          
        ) : null;
      })}

description: 'The heading of the y-axis of a chart of timeseries data',
            })}
          />
           ({
              x,
              [upString]: up || 0,
            }))}
            id={upSeriesSpecId}
            stackAccessors={['x']}
            timeZone="local"
            xAccessor="x"
            xScaleType={ScaleType.Time}
            yAccessors={[upString]}
            yScaleType={ScaleType.Linear}
          />
           ({
              x,
              [downString]: down || 0,
            }))}
            id={downSeriesSpecId}
            stackAccessors={['x']}
            timeZone="local"
            xAccessor="x"
            xScaleType={ScaleType.Time}
            yAccessors={[downString]}
            yScaleType={ScaleType.Linear}
          />

id={getAxisId('bottom')}
          position={Position.Bottom}
          tickFormat={timeFormatter(getChartDateLabel(absoluteStartDate, absoluteEndDate))}
        />
         [timestamp, down])}
          id={id}
          name={i18n.translate('xpack.uptime.monitorList.downLineSeries.downLabel', {
            defaultMessage: 'Down checks',
          })}
          timeZone="local"
          xAccessor={0}
          xScaleType={ScaleType.Time}
          yAccessors={[1]}
          yScaleType={ScaleType.Linear}
        />
      
    
  ) : null;
};

{data.map(series => {
          const seriesKey = series.key;
          const seriesSpecId = getSpecId(seriesKey);
          return checkIfAllTheDataInTheSeriesAreValid(series) ? (
            
          ) : null;
        })}

const lineSeries = locationDurationLines.map(line => {
    const locationSpecId = getSpecId('loc-avg' + line.name);
    return (
       [x || 0, microsToMillis(y)])}
        id={locationSpecId}
        key={`locline-${line.name}`}
        name={line.name}
        xAccessor={0}
        xScaleType={ScaleType.Time}
        yAccessors={[1]}
        yScaleToDataExtent={false}
        yScaleType={ScaleType.Linear}
      />
    );
  });