How to use the @elastic/charts.Position.Left function in @elastic/charts

0 ? chartPoints : [{ time: timeRangeEarliest, value: 0 }]}
        />
      
    
  );
};

id={getAxisId(
              i18n.translate('xpack.uptime.snapshotHistogram.xAxisId', {
                defaultMessage: 'Snapshot X Axis',
              })
            )}
            position={Position.Bottom}
            showOverlappingTicks={false}
            tickFormat={timeFormatter(getChartDateLabel(absoluteStartDate, absoluteEndDate))}
          />
          
           [x, upCount || 0])}
            id={upSpecId}
            name={upMonitorsId}
            stackAccessors={[0]}
            timeZone="local"
            xAccessor={0}
            xScaleType={ScaleType.Time}

Number(d).toFixed(0)}
            title={i18n.translate('xpack.uptime.monitorChart.checksChart.leftAxis.title', {
              defaultMessage: 'Number of checks',
              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"

data={series.value!}
            stackAccessors={get('configs.series.stackAccessors', chartConfigs)}
            customSeriesColors={getSeriesStyle(barSeriesKey, series.color, seriesType)}
          />
        ) : null;
      })}

      

      
    
  ) : null;
});

radius: 0,
                opacity: 0,
              },
              area: { visible: true, opacity: 1 },
            },
          }}
          tooltip={{ headerFormatter }}
        />
         kibanaFieldFormat(d, fieldFormat)}
        />
         d.toFixed(3)}
          hide={true}
        />
         0 ? chartData : [{ x: 0, y: 0 }]}
          curve={CurveType.CURVE_STEP_AFTER}
        />
      
    
  );

})}
      />
    );
  }

  return (
    
      <div style="{{">
        
          
          
          {metric &amp;&amp;
            metric.series.map(series =&gt; (
              
            ))}
          </div>

showLegend={true}
            legendPosition={Position.Bottom}
          />
          
           Number(d).toFixed(0)}
            title={i18n.translate('xpack.uptime.monitorCharts.durationChart.leftAxis.title', {
              defaultMessage: 'Duration ms',
            })}
          />
          {lineSeries}
        
      
    
  );
};

theme={[customTheme(), chartsTheme]}
              xDomain={domain}
              showLegend={!!termField}
              legendPosition={Position.Bottom}
            />
            
            
            {alertVisualizationDataKeys.map((key: string) => {
              return (
                
              );
            })}
            {actualThreshold.map((_value: any, i: number) => {

yAccessors={['y']}
              areaSeriesStyle={getSeriesLineStyle()}
              customSeriesColors={getSeriesStyle(seriesKey, series.color)}
            />
          ) : null;
        })}

        

        
      
    
  ) : null;
});

key={id}
                metric={metric}
                id={id}
                series={series}
                stack={chartOptions.stack}
              />
            ))}
            
            
            
          
        ) : options.metrics.length > 0 ? (
          
        ) : (
          
        )}