- conRdrChart: Control: GroupContainer@1.5.0 Variant: ManualLayout Properties: BorderColor: =RGBA(226, 232, 240, 1) BorderStyle: =BorderStyle.Solid BorderThickness: =1 DropShadow: =DropShadow.Regular Fill: =RGBA(255, 255, 255, 1) Height: =452 RadiusBottomLeft: =12 RadiusBottomRight: =12 RadiusTopLeft: =12 RadiusTopRight: =12 Width: =560 Children: - tmrRdrAnimate: Control: Timer@2.1.0 Properties: Duration: =1200 Height: =1 OnTimerEnd: =Set(varRdrAnimate, false) Repeat: =false Start: =varRdrAnimate Visible: =false Width: =1 X: =0 Y: =0 - lblRdrTitle: Control: Label@2.5.1 Properties: Align: =Align.Center Color: =RGBA(15, 23, 42, 1) Font: =Font.'Open Sans' FontWeight: =FontWeight.Bold Height: =24 Size: =14 Text: ={{title}} Width: =520 X: =20 Y: =14 - lblRdrDesc: Control: Label@2.5.1 Properties: Align: =Align.Center Color: =RGBA(100, 116, 139, 1) Font: =Font.'Open Sans' Height: =20 Size: =12 Text: ={{description}} Width: =520 X: =20 Y: =44 - rectRdrHeader: Control: Rectangle@2.3.0 Properties: Fill: =RGBA(226, 232, 240, 1) Height: =1 Width: =560 X: =0 Y: =68 - imgRdrChart: Control: Image@2.2.3 Properties: Height: =270 Width: =416 X: =72 Y: =72 Image: |- =With( { _n: CountRows(colRdrData), _max: Max(1, Max(colRdrData, value)), _p: Min(1, tmrRdrAnimate.Value / 1200), _col: {{color1}} }, With( { _ease: 1 - Power(Max(0, 1 - _p), 3) }, "data:image/svg+xml;utf8, " & EncodeUrl( "" ) ) ) - galRdrLegend: Control: Gallery@2.15.0 Variant: Horizontal Properties: Fill: =RGBA(0, 0, 0, 0) Height: =36 Items: =Sequence(CountRows(colRdrData)) ShowScrollbar: =false TemplatePadding: =0 TemplateSize: =560 / Max(1, CountRows(colRdrData)) Width: =560 X: =0 Y: =350 Children: - imgRdrLegDot: Control: Image@2.2.3 Properties: Fill: ={{color1_rgba}} Height: =10 Image: =Blank() RadiusBottomLeft: =5 RadiusBottomRight: =5 RadiusTopLeft: =5 RadiusTopRight: =5 Width: =10 X: =8 Y: =13 - lblRdrLegLabel: Control: Label@2.5.1 Properties: Color: =RGBA(15, 23, 42, 1) Font: =Font.'Open Sans' Height: =14 Size: =10 Text: =Index(colRdrData, ThisItem.Value).label Width: =75 X: =22 Y: =11 - btnRdrLegHit: Control: Button@0.0.45 Properties: Appearance: ='ButtonCanvas.Appearance'.Transparent Height: =Parent.TemplateHeight OnSelect: =If(varTooltipRdrIdx = ThisItem.Value, Set(varTooltipRdrIdx, 0), Set(varTooltipRdrIdx, ThisItem.Value)) Text: ="" Width: =Parent.TemplateWidth X: =0 Y: =0 - rectRdrFooter: Control: Rectangle@2.3.0 Properties: Fill: =RGBA(226, 232, 240, 1) Height: =1 Width: =560 X: =0 Y: =394 - lblRdrTrend: Control: Label@2.5.1 Properties: Align: =Align.Center Color: =RGBA(15, 23, 42, 1) Font: =Font.'Open Sans' FontWeight: =FontWeight.Semibold Height: =20 Size: =12 Text: ={{trendText}} Width: =520 X: =20 Y: =404 - lblRdrDateRange: Control: Label@2.5.1 Properties: Align: =Align.Center Color: =RGBA(100, 116, 139, 1) Font: =Font.'Open Sans' Height: =20 Size: =11 Text: ={{dateRange}} Width: =520 X: =20 Y: =428 - conRdrTooltip: Control: GroupContainer@1.5.0 Variant: ManualLayout Properties: BorderColor: =RGBA(226, 232, 240, 1) BorderStyle: =BorderStyle.Solid BorderThickness: =1 DropShadow: =DropShadow.Regular Fill: =RGBA(255, 255, 255, 1) Height: =68 RadiusBottomLeft: =8 RadiusBottomRight: =8 RadiusTopLeft: =8 RadiusTopRight: =8 Visible: =varTooltipRdrIdx > 0 Width: =130 X: =Max(10, Min(420, (varTooltipRdrIdx - 1) * (560 / Max(1, CountRows(colRdrData))) + 47 - 65)) Y: =270 Children: - lblRdrTipLabel: Control: Label@2.5.1 Properties: Color: =RGBA(100, 116, 139, 1) Font: =Font.'Open Sans' FontWeight: =FontWeight.Semibold Height: =18 Size: =10 Text: =If(varTooltipRdrIdx > 0, Index(colRdrData, varTooltipRdrIdx).label, "") Width: =116 X: =8 Y: =6 - imgRdrTipDot: Control: Image@2.2.3 Properties: Fill: ={{color1_rgba}} Height: =8 Image: =Blank() RadiusBottomLeft: =4 RadiusBottomRight: =4 RadiusTopLeft: =4 RadiusTopRight: =4 Width: =8 X: =8 Y: =30 - lblRdrTipValue: Control: Label@2.5.1 Properties: Color: =RGBA(15, 23, 42, 1) Font: =Font.'Open Sans' FontWeight: =FontWeight.Bold Height: =18 Size: =13 Text: =If(varTooltipRdrIdx > 0, Text(Index(colRdrData, varTooltipRdrIdx).value), "") Width: =100 X: =22 Y: =28 - lblRdrTipSeries: Control: Label@2.5.1 Properties: Color: =RGBA(100, 116, 139, 1) Font: =Font.'Open Sans' Height: =16 Size: =10 Text: ="Desktop" Width: =116 X: =8 Y: =48

Radar Chart

Implementation