Browse Source

fix(perf): Fix heatmap label abbreviation (#27647)

Labels were displaying full numbers even at high counts, which was causing issues with small buckets.
k-fish 3 years ago
parent
commit
c84b5a87c3

+ 2 - 0
static/app/views/performance/transactionSummary/transactionTags/tagsHeatMap.tsx

@@ -31,6 +31,7 @@ import {Organization, Project} from 'app/types';
 import {ReactEchartsRef, Series} from 'app/types/echarts';
 import {ReactEchartsRef, Series} from 'app/types/echarts';
 import {axisLabelFormatter} from 'app/utils/discover/charts';
 import {axisLabelFormatter} from 'app/utils/discover/charts';
 import EventView from 'app/utils/discover/eventView';
 import EventView from 'app/utils/discover/eventView';
+import {formatAbbreviatedNumber} from 'app/utils/formatters';
 import getDynamicText from 'app/utils/getDynamicText';
 import getDynamicText from 'app/utils/getDynamicText';
 import {TableData as TagTableData} from 'app/utils/performance/segmentExplorer/tagKeyHistogramQuery';
 import {TableData as TagTableData} from 'app/utils/performance/segmentExplorer/tagKeyHistogramQuery';
 import TagTransactionsQuery from 'app/utils/performance/segmentExplorer/tagTransactionsQuery';
 import TagTransactionsQuery from 'app/utils/performance/segmentExplorer/tagTransactionsQuery';
@@ -223,6 +224,7 @@ const TagsHeatMap = (
       dataArray: _data,
       dataArray: _data,
       label: {
       label: {
         show: true,
         show: true,
+        formatter: data => formatAbbreviatedNumber(data.value[2]),
       },
       },
       emphasis: {
       emphasis: {
         itemStyle: {
         itemStyle: {