<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Untitled Application</AppTitle>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>600</PageWidth>
	<PageHeight>450</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<LanguageCode>en</LanguageCode>
	<MobileOSTypes>[AndroidOS,iOS,WindowsPhoneOS]</MobileOSTypes>
	<WindowState>normal</WindowState>
	<TitleBar>True</TitleBar>
	<Sizeable>True</Sizeable>
	<MaximizeBtn>False</MaximizeBtn>
	<MinimizeBtn>True</MinimizeBtn>
	<SystemMenu>True</SystemMenu>
	<ContextMenu>False</ContextMenu>
	<AlwaysOnTop>False</AlwaysOnTop>
	<ShowInTaskbar>True</ShowInTaskbar>
	<SingleInstance>False</SingleInstance>
	<ChromeKioskMode>False</ChromeKioskMode>
	<CustomHeadMetadata>&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js&quot;&gt;&lt;/script&gt;</CustomHeadMetadata>
	<Components>
		<FunctionList name="Subroutines"/>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="NewPage">
					<Components>
						<Container id="Container1">
							<left>176px</left>
							<top>16px</top>
							<width>408px</width>
							<height>416px</height>
							<style>border-width:1px;border-style:solid;background-color:#fff;</style>
						</Container>
						<PushButton id="PushButton1">
							<left>16px</left>
							<top>16px</top>
							<width>144px</width>
							<height>56px</height>
							<caption>Draw Chart</caption>
							<click>SetObjectHTML &quot;Container1&quot; &quot;&lt;canvas id=&apos;myChart&apos; width=&apos;400&apos; height=&apos;400&apos;&gt;&lt;/canvas&gt;&quot;
BeginJS
var ctx = document.getElementById(&apos;myChart&apos;).getContext(&apos;2d&apos;);
var myChart = new Chart(ctx, {
    type: &apos;bar&apos;,
    data: {
        labels: [&apos;Red&apos;, &apos;Blue&apos;, &apos;Yellow&apos;, &apos;Green&apos;, &apos;Purple&apos;, &apos;Orange&apos;],
        datasets: [{
            label: &apos;# of Votes&apos;,
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
                &apos;rgba(255, 99, 132, 0.2)&apos;,
                &apos;rgba(54, 162, 235, 0.2)&apos;,
                &apos;rgba(255, 206, 86, 0.2)&apos;,
                &apos;rgba(75, 192, 192, 0.2)&apos;,
                &apos;rgba(153, 102, 255, 0.2)&apos;,
                &apos;rgba(255, 159, 64, 0.2)&apos;
            ],
            borderColor: [
                &apos;rgba(255, 99, 132, 1)&apos;,
                &apos;rgba(54, 162, 235, 1)&apos;,
                &apos;rgba(255, 206, 86, 1)&apos;,
                &apos;rgba(75, 192, 192, 1)&apos;,
                &apos;rgba(153, 102, 255, 1)&apos;,
                &apos;rgba(255, 159, 64, 1)&apos;
            ],
            borderWidth: 1
        }]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
});
EndJS</click>
						</PushButton>
					</Components>
				</Page>
			</Components>
		</PageList>
		<PageList name="Master">
			<Components>
				<Page id="MasterPage"/>
			</Components>
		</PageList>
		<PageList name="Dialog">
			<Components>
				<Page id="NewDialog">
					<Components>
						<DialogContainer id="DialogContainer1">
							<left>0px</left>
							<top>0px</top>
							<width>667px</width>
							<height>375px</height>
							<close_button>False</close_button>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
