diff --git a/static/app/views/performance/landing/widgets/widgets/vitalWidget.tsx b/static/app/views/performance/landing/widgets/widgets/vitalWidget.tsx
index 84a1f5e23a3a00..c17127e08fb865 100644
--- a/static/app/views/performance/landing/widgets/widgets/vitalWidget.tsx
+++ b/static/app/views/performance/landing/widgets/widgets/vitalWidget.tsx
@@ -109,7 +109,7 @@ export function VitalWidget(props: Props) {
currentSeriesNames={[field]}
includePrevious={false}
partial={false}
- includeTransformedData={false}
+ includeTransformedData
query={_eventView.getQueryWithAdditionalConditions()}
interval={getInterval(
{
@@ -242,7 +242,7 @@ export function VitalWidget(props: Props) {
-
+
-
+
{
@@ -293,6 +293,10 @@ function getVitalDataForListItem(listItem: TableDataRow) {
return vitalData;
}
+const VitalBarCell = styled(RightAlignedCell)`
+ width: 120px;
+ margin-right: ${space(1)};
+`;
const EventsRequest = withApi(_EventsRequest);
const Subtitle = styled('span')`
color: ${p => p.theme.gray300};
diff --git a/static/app/views/performance/vitalDetail/vitalChart.tsx b/static/app/views/performance/vitalDetail/vitalChart.tsx
index 54ba00a2c0c7cd..b21526af229e67 100644
--- a/static/app/views/performance/vitalDetail/vitalChart.tsx
+++ b/static/app/views/performance/vitalDetail/vitalChart.tsx
@@ -327,10 +327,8 @@ function __VitalChart(props: _VitalChartProps) {
const results = _results.filter(r => !!fieldToVital(r.seriesName));
- const {smoothedResults} = transformEventStatsSmoothed(results);
-
- const smoothedSeries = smoothedResults
- ? smoothedResults.map(({seriesName, ...rest}) => {
+ const smoothedSeries = results?.length
+ ? results.map(({seriesName, ...rest}) => {
return {
seriesName: fieldToVital(seriesName) || 'count',
...rest,