in public/pages/CreateMonitor/components/VisualGraph/VisualGraph.js [201:216]
render() {
const { values, response, fieldName, aggregationType } = this.props;
const monitorType = values.monitor_type;
const isQueryMonitor = monitorType === MONITOR_TYPE.QUERY_LEVEL;
const aggTypeFieldName = `${aggregationType}_${fieldName}`;
const data = getDataFromResponse(response, aggTypeFieldName, monitorType);
const groupedData = isQueryMonitor
? null
: getMapDataFromResponse(response, aggTypeFieldName, values.groupBy);
// Show empty graph view when data is empty or aggregation monitor does not have group by defined.
const showEmpty = !data.length || (!isQueryMonitor && !values.groupBy.length);
if (showEmpty) return <>{this.renderEmptyData()}</>;
else if (isQueryMonitor) return <>{this.renderXYPlot(data)}</>;
else return <>{this.renderAggregationXYPlot(data, groupedData)}</>;
}