- conBarChartLabel: 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: =340 RadiusBottomLeft: =12 RadiusBottomRight: =12 RadiusTopLeft: =12 RadiusTopRight: =12 Width: =440 Children: - lblBarLabelTitle: Control: Label@2.5.1 Properties: Color: =RGBA(15, 23, 42, 1) Font: =Font.'Open Sans' FontWeight: =FontWeight.Bold Height: =24 Size: =14 Text: ={{title}} Width: =400 X: =20 Y: =14 - lblBarLabelDescription: Control: Label@2.5.1 Properties: Color: =RGBA(100, 116, 139, 1) Font: =Font.'Open Sans' Height: =20 Size: =12 Text: ={{description}} Width: =400 X: =20 Y: =44 - rectBarLabelHeaderLine: Control: Rectangle@2.3.0 Properties: Fill: =RGBA(226, 232, 240, 1) Height: =1 Width: =440 X: =0 Y: =72 - imgBarChartLabel: Control: Image@2.2.3 Properties: Height: =196 Width: =416 X: =12 Y: =80 Image: |- =With( { _n: CountRows(colBarChartLabelData), _max: Max(1, Max(colBarChartLabelData, Value)), _slot: Int(400 / Max(1, CountRows(colBarChartLabelData))), _barW: Int(400 / Max(1, CountRows(colBarChartLabelData)) * 0.55) }, "data:image/svg+xml;utf8, " & EncodeUrl( "" ) ) - galBarLabelInteract: Control: Gallery@2.15.0 Variant: Horizontal Properties: Fill: =RGBA(0, 0, 0, 0) Height: =160 Items: =Sequence(CountRows(colBarChartLabelData)) ShowScrollbar: =false TemplatePadding: =0 TemplateSize: =416 / Max(1, CountRows(colBarChartLabelData)) Width: =416 X: =12 Y: =100 Children: - btnBarLabelHit: Control: Button@0.0.45 Properties: Appearance: ='ButtonCanvas.Appearance'.Transparent Height: =Parent.TemplateHeight OnSelect: =If(varTooltipBarLabelIdx = ThisItem.Value, Set(varTooltipBarLabelIdx, 0), Set(varTooltipBarLabelIdx, ThisItem.Value)) Text: ="" Width: =Parent.TemplateWidth X: =0 Y: =0 - conTooltip: 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: =50 RadiusBottomLeft: =8 RadiusBottomRight: =8 RadiusTopLeft: =8 RadiusTopRight: =8 Visible: =varTooltipBarLabelIdx > 0 Width: =110 X: =Max(20, Min(334, 20 + (varTooltipBarLabelIdx - 0.5) * (400 / Max(1, CountRows(colBarChartLabelData))) - 55)) Y: =Max(84, Int(242 - Index(colBarChartLabelData, Max(1, varTooltipBarLabelIdx)).Value / Max(1, Max(colBarChartLabelData, Value)) * 132)) Children: - lblTooltipBarLabelMonth: Control: Label@2.5.1 Properties: Color: =RGBA(100, 116, 139, 1) Font: =Font.'Open Sans' Height: =18 Size: =10 Text: =If(varTooltipBarLabelIdx > 0, Index(colBarChartLabelData, varTooltipBarLabelIdx).month, "") Width: =100 X: =8 Y: =5 - imgTooltipBarLabelDot: Control: Image@2.2.3 Properties: Fill: =RGBA(59, 130, 246, 1) Height: =8 Image: =Blank() RadiusBottomLeft: =4 RadiusBottomRight: =4 RadiusTopLeft: =4 RadiusTopRight: =4 Width: =3 X: =8 Y: =28 - lblTooltipBarLabelValue: Control: Label@2.5.1 Properties: Color: =RGBA(15, 23, 42, 1) Font: =Font.'Open Sans' FontWeight: =FontWeight.Semibold Height: =18 Size: =11 Text: =If(varTooltipBarLabelIdx > 0, Text(Index(colBarChartLabelData, varTooltipBarLabelIdx).Value), "") Width: =90 X: =16 Y: =26 - rectBarLabelFooterLine: Control: Rectangle@2.3.0 Properties: Fill: =RGBA(226, 232, 240, 1) Height: =1 Width: =440 X: =0 Y: =279 - lblBarLabelTrend: Control: Label@2.5.1 Properties: Color: =RGBA(15, 23, 42, 1) Font: =Font.'Open Sans' FontWeight: =FontWeight.Semibold Height: =20 Size: =12 Text: ={{trendText}} Width: =400 X: =20 Y: =292 - lblBarLabelDateRange: Control: Label@2.5.1 Properties: Color: =RGBA(100, 116, 139, 1) Font: =Font.'Open Sans' Height: =20 Size: =11 Text: ={{dateRange}} Width: =400 X: =20 Y: =316

Bar Chart - Label

Implementation