diff --git a/public/app/features/dashboard/components/Inspector/InspectDataTab.tsx b/public/app/features/dashboard/components/Inspector/InspectDataTab.tsx index eed27f4f838..4fe27e03650 100644 --- a/public/app/features/dashboard/components/Inspector/InspectDataTab.tsx +++ b/public/app/features/dashboard/components/Inspector/InspectDataTab.tsx @@ -45,9 +45,9 @@ export class InspectDataTab extends PureComponent { super(props); this.state = { - selectedDataFrame: DataTransformerID.seriesToColumns, + selectedDataFrame: 0, dataFrameIndex: 0, - transformId: DataTransformerID.seriesToColumns, + transformId: DataTransformerID.noop, transformationOptions: buildTransformationOptions(), }; } @@ -141,28 +141,28 @@ export class InspectDataTab extends PureComponent { return activeString; } + const parts: string[] = []; + if (selectedDataFrame === DataTransformerID.seriesToColumns) { - activeString = 'series joined by time'; - } else { - activeString = getFrameDisplayName(data[selectedDataFrame as number]); + parts.push('Series joined by time'); + } else if (data.length > 1) { + parts.push(getFrameDisplayName(data[selectedDataFrame as number])); } if (options.withTransforms || options.withFieldConfig) { - activeString += ' - applied '; if (options.withTransforms) { - activeString += 'panel transformations '; + parts.push('Panel transforms'); } if (options.withTransforms && options.withFieldConfig) { - activeString += 'and '; } if (options.withFieldConfig) { - activeString += 'formatted data'; + parts.push('Formatted data'); } } - return activeString; + return parts.join(', '); } renderDataOptions(dataFrames: DataFrame[]) { @@ -197,28 +197,24 @@ export class InspectDataTab extends PureComponent { return ( {this.getActiveString()}} isOpen={false} >
- - - + + )} {showPanelTransformationsOption && (