- conChart: Control: GroupContainer Variant: horizontalAutoLayoutContainer Properties: DropShadow: =DropShadow.Bold Fill: =RGBA(255, 255, 255, 1) Height: =342 LayoutAlignItems: =LayoutAlignItems.Center LayoutDirection: =LayoutDirection.Vertical LayoutMode: =LayoutMode.Auto PaddingBottom: =10 PaddingLeft: =10 PaddingRight: =10 PaddingTop: =10 Width: =905 X: =25 Y: =160 Children: - txtTitle: Control: Text Properties: Size: =22 Text: ="Chart Name" Weight: ='TextCanvas.Weight'.Semibold AlignInContainer: =AlignInContainer.Stretch - svgChart: Control: Image Properties: Image: "=With({\r\n pixelPerVal:1200/Max(Max(chartValues,Val1),Max(chartValues,Val2))\r\n },\r\n\"data:image/svg+xml;utf8, \"&EncodeUrl(\"\r\n\r\n\")\r\n)" AlignInContainer: =AlignInContainer.Stretch FillPortions: =1 Height: =325 Width: = X: =253 Y: =177 - ButtonCanvas1: Control: Button Properties: OnSelect: |- =ClearCollect(chartValues ,{id:1,Title:"Label 1", Val1:"21", Val2:"40"} ,{id:2,Title:"Label 2", Val1:"10", Val2:"23"} ,{id:3,Title:"Label 3", Val1:"18", Val2:"11"} ,{id:4,Title:"Label 4", Val1:"37", Val2:"50"} ,{id:5,Title:"Label 5", Val1:"8", Val2:"23"} ) Text: ="Init Chart" X: =25 Y: =108

Horizontal SVG chart double bar

Horizontal SVG chart double bar