Versions Compared

Old Version 6

changes.mady.by.user admin

Saved on

compared with

New Version 7

changes.mady.by.user admin

Saved on

Key

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

Design executive and operational dashboards with KPIs, charts, and summary information for different user levels. What You'll Learn

  • Layout dashboard displays
  • Add KPI indicators
  • Configure charts
  • Auto-refresh data

Prerequisites

  • Tags and historian configured
  • Basic display knowledge


Step 1: Dashboard Layout

  1. Create new display: Dashboard_Main
  2. Set grid layout:
    • 3 columns × 2 rows
    • Margins: 10px
    • Responsive sizing

Step 2: Add KPI Cards

Create KPI card for OEE:

  1. Add GroupBox (300×150)
  2. Inside add:
    • Title: "Overall OEE"
    • Large value: @Tag.OEE + "%"
    • Trend sparkline (last 24h)
    • Color indicator (Green >85%, Yellow >70%, Red <70%)

Step 3: Production Metrics

Add production counter card:

  • Current shift production
  • Target vs actual
  • Run rate per hour
  • Percentage of target

Step 4: Add Charts

Production Trend:

  1. Add TrendChart
  2. Show last 7 days
  3. Daily production totals
  4. Target line overlay

Downtime Pareto:

  1. Add BarChart
  2. Data: Top 5 downtime reasons
  3. Sort by duration
  4. Show percentages

Step 5: Alarm Summary

Add alarm statistics panel:

  • Active alarms count
  • Unacknowledged count
  • Last alarm time
  • Mean time to acknowledge

Step 6: Auto-Refresh

Configure updates:

csharp

// Refresh every 30 seconds
Timer.Interval = 30000;
Timer.Tick += RefreshDashboard;

Best Practices

  • Keep it simple (5-7 KPIs max)
  • Use consistent time periods
  • Clear visual hierarchy
  • Test on different screen sizes

Next Steps

  • [Reports Module] - Scheduled reports
  • [Visualize on Web and Mobile] - Remote access