Merge cockroachdb#81182

81182: ui: use metric name as custom chart title r=dhartunian,erikgrinaker a=tbg Custom charts were previously difficult to read because the graph didn't include any indication of what was being graphed. This is now rectified by printing the metrics name. This isn't the most user friendly thing (ideally we would also include the actual title, and make the help text available) but with my limited TSX knowledge this is solving 90% of the problem with a 61 character change. Related to cockroachdb#81035. Release note: None Co-authored-by: Tobias Grieger <[email protected]>
maryliag · May 16, 2022 · 4fd43e7 · 4fd43e7
2 parents bc5f5b7 + e46aef2
commit 4fd43e7
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/pkg/ui/workspaces/db-console/src/views/reports/containers/customChart/index.tsx b/pkg/ui/workspaces/db-console/src/views/reports/containers/customChart/index.tsx
@@ -206,7 +206,7 @@ export class CustomChart extends React.Component<
         setTimeScale={this.props.setTimeScale}
         history={this.props.history}
       >
-        <LineGraph>
+        <LineGraph title={metrics.map(m => m.metric).join(", ")}>
           <Axis units={units} label={AxisUnits[units]}>
             {metrics.map((m, i) => {
               if (m.metric !== "") {