Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The heatmap widget in the MSPbots dashboards is a graphical representation of data where values are depicted by

...

colors (red, yellow, and green) to identify hot and cold spots

...

This hotspot helps determines or understand certain trend and behavior in your data that may aid you on your critical analysis, business questions, and goals.

Image Removed

1.  Login to MSPBots.ai site 

2.  Hover to Widget menu.

3.  Click + New Widget button

4.  Select Heatmap widget

          Image Removed

5.  Add a Name and Description

              Image Removed

6.  Add/Edit a Role allowed to access. (Default:  Admin, User and Dashboard Only)

              Image Removed

7.  Click Apply

8.  Click the Datasource icon. Then, click + Add Dataset and select New Layer.

                 Image Removed

9.  Select a Dataset to use.  e.g ConnectWise Tickets Statistics - Cloud

                  Image Removed

...

in the data. These spots help determine and understand trends and behavior that are critical to business analysis and achieving goals.

An example of a heatmap widget:

heatmap widgetImage Added

...

To make a heatmap widget for your dashboard: 

  1. Login to the MSPbots dashboard and navigate to Widgets.
  2. Click the New Widget button and select the Heatmap widget type. 
    heatmap widget typeImage Added
  3. When the Widget Builder window opens, give the widget a Name. 
    widget builder basic settingImage Added
  4. Next, add a Description
  5. Then, select or edit the roles that will have access to the widget. The roles selected by default are Admin, User, and Dashboard Only.

    role access optionsImage Added
  6. Click Apply.
  7. Proceed to configure the dataset by clicking the Datasource icon and then the + Add Dataset button.

    widget builder full screenImage Added
  8. Select New Layer when the Add New Layer window opens. This action will bring up the Dataset window.
  9. On the Dataset window, select a Dataset to use.  Example: ConnectWise Tickets Statistics - Cloud 

    dataset full screenImage Added
  10. Add and configure the Columns and Filters according to your business requirements.For example, if you want to show the count of resolved tickets in the last 14 days, select hours_actual, date_resolved, ticket_number, and resolved_by for the columns and filter by date_resolved in the last 14 days

...

                 Image Removed

11.  Add function for certain columns (if needed).  At the column display, hover into the column you want to add a function. Then, click fx icon.

...



  1. columns and filtersImage Added
  2. Add a function for the columns, if needed.
    1. Under Column Display, click the fx icon that corresponds to the column that requires a function. 

      field formulaImage Added
    2. Select an option for Field Formula and click Save. For example, for the hours_actual column, add a field formula to round off hours

...

    1. to return real hour values

...

    1. without a decimal

...

    1. .
    2. Repeat Step 11 for every column that needs a function.

  1. Next, add and set up Measure.

                Image Removed

...

  1. Measures are aggregates like sum

...

  1. , max, avg, and count

...

                Image Removed

13.  Add and Setup Dimension (Dimensions is used for Grouping By data).  e.g., group by for Actual Hours, Date and Resolved by.

                Image Removed

14.  Click Save to save setup.

...


  1. set measureImage Added
    For example, if you want to count the number of tickets, select count for Summary Type, Ticket Number for Fields, Ticket Count for Alias,
    and Number for Format Type.  Click Confirm to save this setting.
    measure settingsImage Added 
  2. Add and set up Dimension to group data.  Example: group by Actual Hours, Date, and Resolved by

    set dimensionImage Added
  3. Click Save to save the setup. 

    To sort and order the results on the heatmap widget 

    1. Click + Order By and select an option.

...



    1. widget order byImage Added
    2. Sort the results by choosing to show data in

              Image Removed

...

    1. either ascending or descending

...

    1. manner by clicking the

...

    1. arrow shown in the following section of the window.

      Image Added
    2. Click Apply
    1. to save.

...


  1. Next, set up the widget Configuration.

...

  1. Click the Config icon.

              Image Removed

...

  1. widget configImage Added
  2. Set the

...

  1. chart value results

...

  1. for the x-y axis

...

  1. using the following guide:

    ...

      • A - Dimension -

    ...

      • Select an option from the drop-down menu to label the x-axis value on the chart.

    ...

      • Example: Select Date.
      • B - Measure - Select an option from the drop-down menu to label

    ...

      • the y-axis value on the chart.

    ...

      • Example: Select Hours.
      • C -

    ...

      • Label - Select

    ...

      • a label and give it a name.

    ...

      • This is the specific value result

    ...

      • shown in the chart.

    ...

      • Example: Select Ticket count by Hours.

    ...

      • D - Show Label - Tick this checkbox

    ...

      • to show the label results.

    ...

      • E - Min/Max Value

    ...

      •  The value set here will be the basis for the Minimum and Maximum value for the results. This also determines the

    ...

      • color of the

    ...

      • results

    ...

      • .

    ...

      •  

        set chart valuesImage Added
    1. Set up Chart view using the following guide:

      ...

          • F - Orient -

      ...

          • Set the Heatmap Legend to

      ...

          • horizontal  Image Modified or vertical  Image Modified

      ...

          • G -Grid Top -

      ...

          • This is the percentage distance of the chart

      ...

          • from the margin above it.

      ...

          • H - Left Side Distance -

      ...

          • This sets the Heatmap Legend's location

      ...

          • on the chart

      ...

          • . Choose right, center, or left.
          • I- Bottom Side Distance -

      ...

          • This is the percentage distance of the chart

      ...

          • from the margin below it.

      ...

          • J - Is Total - Turn this switch ON to get the grand total of the rows and columns (X and Y axis).

      ...

          •  

            set chart viewImage Added
      1. Click Save to keep the configuration. 
      2. Finally, click Apply to apply all changes made to the widget.
        applyImage Added


      Content by Label
      showLabelsfalse
      max5
      showSpacefalse
      titleRelated Topics
      excludeCurrenttrue
      cqllabel = "widgets"

                             Image Removed

      19. Click Save buttonto save config.20.  Then, Click Apply to save apply all changes to the widget. Image Removed