render()

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)}</>;
  }