Striim 4.0.4 documentation

Table of Contents

Adding visualizations to a dashboard

The following instructions will create bar and donut charts. Before following these instructions, make sure PosApp is loaded in the Samples workspace, deployed, and running. (See the Hands-on quick tour for an introduction to creating dashboards.)

  1. From the top menu, select Dashboards > View All Dashboards, then click PosAppDash. The dashboard's main page appears.

  2. At the top right, click Edit this page (the pencil icon).

  3. At the left of the page, select the Pages tab, then click + to add a new page.

  4. Select the visualizations tab, then drag the Bar visualization icon into the workspace and drop it. This creates a bar chart.

  5. At the top of the chart, click Edit Query the (< > icon). The query editor opens.

  6. In the Name field, enter Samples.MyQuery. In the SELECT statement field, edit the query to read select count(*) as Count, Category from MerchantActivity group by Category; (you can copy and paste from this document), being sure to end with a semicolon. This will select only the data needed for the chart: the count of WActions for each category and the category names. Click Save Query.

  7. To open the visualization editor, click Configure (the pencil icon) or double-click anywhere in the chart.

    create_chart_3.png
  8. Set Group By and Color By to Category, the vertical axis to Count, the horizontal axis to Category, and the horizontal axis Type to Category, then click Save visualization. (The Category in the Type menu is a chart property, not the name of a field.) The chart appears in the workspace.

    add_bar_chart_403.png
  9. Drag the Donut visualization icon into the workspace and drop it to create a donut chart.

  10. This chart will use the same query as the bar chart: click the Edit Query button, click in the Name field, select Samples.MyQuery, and click Save Query.

  11. Click the Configure button, set the options as you did for the bar chart, and click Save visualization.

    add_donut_403.png