Real-time column charts with line overlays

It is time to build the second row of your real-time dashboard. Once again, we will use the cloning panel function:

  1. Enter edit mode with the Edit button
  2. Click on Add Panel
  1. Clone the panel from the dynamic form-based dashboard Hits vs Response Time:
  1. Click on Add to Dashboard
Do not be surprised if the graph is not generated. Remember we are cloning from a form-based dashboard with input tokens.
  1. Rename the panel to Traffic and Performance
  2. Change the search string to remove input token references:
SPL> index=main | timechart count, avg(http_response_time) as response_time
  1. Change the Time Range Scope to Used time picker
  2. Change the Time Range to Real-time and set its value as 24 Hours Ago
  3. Click on Apply twice to save changes to the search and return to editing the dashboard
  4. The chart will now populate the data
  5. Click on Save

We will create another panel similar to the one we made previously. But this time, we will clone from the previous one to make our task easier:

  1. Reload the browser. This is needed to load the newly-created panels in the clone selections.
  2. Enter edit mode via the Edit button.
  3. Clone the Hits vs Response Time panel by selecting it and adding it to the dashboard:
  1. Rename the new panel to Booking Conversion.
  2. Change the Search String:
SPL> index=main http_uri=/booking/reservation OR 
          http_uri=/booking/confirmation 
          | timechart count by http_uri | rename /booking/confirmation AS 
          Confirmation, /booking/reservation AS Reservation 
          | eval Conversion=Reservation/Confirmation 
          | fields _time, Reservation, Confirmation, Conversion
  1. Ensure the Time Range of Real-time | 24 Hours Ago is still enabled from the clone process.
  2. Click on Apply.
  3. Click on the Format Visualization icon.
  4. Select the second option in Stack Mode as stacked.
  5. Click Chart Overlay.
  6. Delete the response_time overlay.
  7. Add the Conversion overlay.
  8. Turn on View as Axis.
  9. Click on the X to close the Format Visualization window.
  10. Drag this panel to the right of the second row.

You have completed the real-time version of the combo charts. It should look similar to the following screenshot:

Real-time combo charts with line overlays