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 color. It uses three colors (red, yellow, and green) to show the identify hot and cold spots of in the data.   These spots help determine or and understand trends and behavior that are critical to business analysis , business questions, and achieving goals.

This is an An example of a heatmap widget:

heatmap widgetImage Removedheatmap 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. Image Removed
    heatmap widget typeImage Added
  3. When the Widget Builder window opens, give the widget a Name. 
    Image Removedwidget 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 selection is are Admin, User, and Dashboard Only.  

              Image Removed

...



  1. role access optionsImage Added
  2. Click Apply.

...

  1. Proceed to configure the dataset by clicking the Datasource icon

...

  1. and then the + Add Dataset button

...

  1. .

    widget builder full screenImage Added
  2. Select New Layer when the Add New Layer window opens. This action will bring up the Dataset window.
  3. On the Dataset window, select

                 Image Removed

...

  1. a Dataset to use. 

...

  1. Example: ConnectWise Tickets Statistics -

...

                  Image Removed

...

  1. Cloud 

    dataset full screenImage Added
  2. Add and configure the Columns and Filters

...

  1. 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

...

                 Image Removed

...

  1. and filter by date_resolved in the last 14 days.

...

  1.  

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

...

    1. requires a function. 

      field formulaImage Added
    2. Select an option for Field Formula and click Save.

...

    1. For example, for the hours_actual column, add a field formula to round off hours to return real hour values without a decimal.

...

                Image Removed

...

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

...


  1. Next, add and set up Measure. Measures are aggregates like sum

...

  1. , max, avg, and count. 
    set measureImage Added
    For example,

...

                Image Removed

...

  1. 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

...

                Image Removed

...

  1. to group data.  Example: group by Actual Hours, Date, and Resolved by.

...

  1.  

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

...

  1.  

    To sort and order the results on the heatmap widget 

    1. Click + Order By and select an option.

...

              Image Removed

...



    1. widget order byImage Added
    2. Sort the results by choosing to show data in either ascending or descending manner by clicking the arrow shown in the following section of the window.

...


    1. Image Added

...

    1. Click Apply to save.

...


  1. Next, set up the widget Configuration.

...

  1. Click the Config icon.

              Image Removed

...

  1. widget configImage Added
  2. Set the chart value results for the x-y axis 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

                             Image Removed

      ...

      1. the configuration. 

      ...

      1. Finally, click Apply to apply all changes made to the widget.

      ...

      1. applyImage Added


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

      ...