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

...

                 Image Removed

...

  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 a Dataset to use. 

...

  1. Example: ConnectWise Tickets Statistics -

...

                  Image Removed

...

                 Image Removed

...

  1. Cloud 

    dataset full screenImage Added
  2. Add and configure the Columns and Filters that will satisfy your business requirements.For example, select hours_actual, date_resolved, ticket_number, and resolved_by for columns for, 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. 

...

  1. Example: ticket count measure.

                Image Removed

...


  1. set measureImage Added
  2. Add and set up Dimension

...

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

                Image Removed

...


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

...

  1.  

    If you want to add an Order by option for your result

...

  1. :
    1. Click + Order By and select an option.

...

              Image Removed

...



    1. widget order byImage Added
    2. Choose to show the results 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 calculate the grand total for the X and Y axis.

      ...

        •  

          set chart viewImage Added
      1. Click Save to keep

                             Image Removed

      ...

      1. the configuration.

      ...

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

      ...

      1. applyImage Added


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

      ...