Sample demo for rtChartJS Library False 640 480 False False False WebApp False bak en [AndroidOS,iOS,WindowsPhoneOS] normal True True False True True False False True False False C:\Projects\JS Libraries\Chart.js\Chart.min.js . if border is left blank "" then no border will be shown,else if set to 0, a small think border is shown actually SetVar [ChartBorderWidth] "" SetVar [ChartShowLegend] "true" 231px 63px 400px 375px 13px 6px 147px 26px CHART.JS DEMO 14px 407px 204px 30px DRAW Pie Chart warning . Here's what we need to setup for create the Pie Chart SetVar [ChartID] "Chart1" SetVar [ChartData] "100,200,250,300,600,450,368" SetVar [ChartLabel] "Apple,Orange,Pear,Strawberry,Grapes,Blueberry,Pineapple" .Colours can be assigned using color names (like red) or #FF0000. See below for example SetVar [ChartColors] "red,orange,#9AFE2E,#FF1493,purple,#00008B,yellow" SetVar [ChartHeaderText] "PERCENTAGE OF FRUITS SOLD IN FY2019 (in millions)" . Assign the Container to enable the chart to be displayed SetObjectHTML "Container1" "<canvas id='[ChartID]' height=270></canvas>" .Function to create a pie chart rtChartJS_CreatePieChart "[ChartID]" "[ChartLabel]" "[ChartData]" "[ChartColors]" [ChartBorderWidth] "[ChartShowLegend]" "[ChartLegendPosition]" "[ChartHeaderText]" 0px 3px 640px 50px rtChartJS Library 6px 104px 219px 72px Add common charts to your VisualNeo Web projects with this <b>rtChartJS Library</b>. 0px 180px 232px 210px 5px 55px 57px 42px LEGEND POSITION 60px 65px 50px 30px LEFT SetVar [ChartLegendPosition] "left" If [ChartShowLegend] == "false" SetVar [ChartShowLegend] "true" EndIf 111px 65px 50px 30px RIGHT SetVar [ChartLegendPosition] "right" If [ChartShowLegend] == "false" SetVar [ChartShowLegend] "true" EndIf 162px 42px 60px 30px TOP SetVar [ChartLegendPosition] "top" If [ChartShowLegend] == "false" SetVar [ChartShowLegend] "true" EndIf 162px 73px 60px 30px BOTTOM SetVar [ChartLegendPosition] "bottom" If [ChartShowLegend] == "false" SetVar [ChartShowLegend] "true" EndIf 6px 4px 219px 23px Select an option and then click on the 'DRAW Pie Chart' to display the chart 93px 111px 50px 30px YES success SetVar [ChartShowLegend] "true" If [ChartLegendPosition] == 0 SetVar [ChartLegendPosition] [PrevPos] EndIf 5px 115px 83px 20px SHOW LEGEND 144px 111px 50px 30px NO danger SetVar [ChartShowLegend] "false" .need to reset position to null SetVar [PrevPos] [ChartLegendPosition] SetVar [ChartLegendPosition] "" 5px 165px 97px 20px BORDER WIDTH 119px 160px 55px 31px 0,1,2,3,4,5, [ChartBorderWidth] 0 False 7px 64px 219px 40px PIE CHART 549px 442px 81px 30px NEXT GotoNextPage . if border is left blank "" then no border will be shown,else if set to 0, a small think border is shown actually SetVar [ChartBorderWidth] "" SetVar [ChartShowLegend] "true" 231px 63px 400px 375px 13px 6px 147px 26px CHART.JS DEMO 14px 407px 204px 30px DRAW Bar Chart warning . Here's what we need to setup for create the Pie Chart SetVar [ChartID] "Chart1" SetVar [ChartData] "100,200,250,300,600,450,368" SetVar [ChartLabel] "Apple,Orange,Pear,Strawberry,Grapes,Blueberry,Pineapple" .Colours can be assigned using color names (like red) or #FF0000. See below for example SetVar [ChartColors] "red,orange,#9AFE2E,#FF1493,purple,#00008B,yellow" SetVar [ChartHeaderText] "PERCENTAGE OF FRUITS SOLD IN FY2019 (in millions)" . Assign the Container to enable the chart to be displayed SetObjectHTML "Container2" "<canvas id='[ChartID]' height=270></canvas>" .Function to create a pie chart rtChartJS_CreateBarChart "[ChartID]" "[ChartLabel]" "[ChartData]" "[ChartColors]" "[ChartBorderWidth]" "[ChartHeaderText]" 0px 3px 640px 50px rtChartJS Library 6px 104px 219px 72px Add common charts to your VisualNeo Web projects with this <b>rtChartJS Library</b>. 0px 180px 232px 210px 6px 4px 219px 23px Select an option and then click on the 'DRAW Pie Chart' to display the chart 5px 165px 97px 20px BORDER WIDTH 119px 160px 55px 31px 0,1,2,3,4,5, [ChartBorderWidth] 0 False 7px 64px 219px 40px BAR CHART 549px 442px 81px 30px NEXT GotoNextPage 460px 442px 81px 30px PREV GotoPrevPage 0px 0px 667px 375px False