Scripts/New-UDGauge.ps1

<#
.SYNOPSIS
    Sample control for UniversalDashboard.
.DESCRIPTION
    Sample control function for UniversalDashboard. This function must have an ID and return a hash table.
.PARAMETER Id
    An id for the component default value will be generated by new-guid.
.EXAMPLE
    PS C:\> <example usage>
    Explanation of what the example does
.INPUTS
    Inputs (if any)
.OUTPUTS
    Output (if any)
.NOTES
    General notes
#>

function New-UDGauge {
    param(
        [Parameter()]
        [string]$Id = (New-Guid).ToString(),
        [Parameter()]
        [int]$MaxValue = 100,
        [Parameter()]
        [int]$Value = 50,
        [Parameter()]
        [string]$NeedleColor = "steelblue",
        [Parameter()]
        [string]$StartColor = "green",
        [Parameter()]
        [string]$EndColor = "red",
        [Parameter()]
        [int]$Segments = 10,
        [Parameter()]
        [int]$SegmentLabels = 5,
        [Parameter()]
        [float]$NeedleHeight = "0.8",
        [Parameter()]
        [int]$NeedleTransition = 4000,
        [Parameter()]
        [string]$LabelFontSize = "20px",
        [Parameter()]
        [string]$ValueFontSize = "24px",
        [Parameter()]
        [int]$PaddingHorizontal = 17,
        [Parameter()]
        [int]$PaddingVertical = 17,
        [Parameter()]
        [string]$ValueText,
        [Parameter()]
        [int]$Width = 320,
        [Parameter()]
        [int]$Height = 195,
        [Parameter()]
        [string]$TextColor = "#A7A7A7"
    )

    End {

        @{
            # The AssetID of the main JS File
            assetId                  = $AssetId
            # Tell UD this is a plugin
            isPlugin                 = $true
            # This ID must be the same as the one used in the JavaScript to register the control with UD
            type                     = "UD-Gauge"
            # An ID is mandatory
            id                       = $Id

            # This is where you can put any other properties. They are passed to the React control's props
            # The keys are case-sensitive in JS.
            maxValue                 = $MaxValue
            value                    = $Value
            needleColor              = $NeedleColor
            startColor               = $StartColor
            endColor                 = $EndColor
            segments                 = $Segments
            maxSegmentLabels         = $SegmentLabels
            needleHeightRatio        = $NeedleHeight
            needleTransitionDuration = $NeedleTransition
            labelFontSize            = $LabelFontSize
            valueTextFontSize        = $ValueFontSize
            paddingHorizontal        = $PaddingHorizontal
            paddingVertical          = $PaddingVertical
            currentValueText         = $ValueText
            width                    = $Width
            height                   = $Height
            textColor                = $TextColor

        }

    }
}