tag:blogger.com,1999:blog-78744595905589166812024-11-01T03:33:59.993-07:00Dojo TutorialsA blog which demonstrates and gives simple step by step tutorial on DOJO FrameworkNagarjunahttp://www.blogger.com/profile/16867808362098405127noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-7874459590558916681.post-82201663752181012802012-04-29T23:40:00.001-07:002012-08-30T21:44:38.229-07:00Dojo Back Button Header On Click event handlerDojo Back Button Header (Navigation Button) by Default has MoveTo or Href as the possible attributes which we can set.<br /><br />If we need to add a EventListner to Back Button of the Header panel its not possible so easily...<br /><br />The Simplest Work around to capture the Events fired by back button in the Header is as given below.<br /><br /><span style="background-color: #d9ead3;">The Highlighted text in Green is the Container tags for Back button with respective Classes for Back button.</span> <br /><br />The Script below is the function which will be called once the Back button is clicked. <br /><br /><br /><div style="background-color: #f3f3f3;"><h1 data-dojo-type="dojox.mobile.Heading" label="Header Title Goes Here...."><br /><span style="background-color: #d9ead3;"> <div id="backButtonId" class="mblArrowButton" style="width: 67px;" onclick="customClickHandler()"></span><br style="background-color: #d9ead3;" /><span style="background-color: #d9ead3;"> <div class="mblArrowButtonHead"></div></span><br style="background-color: #d9ead3;" /><span style="background-color: #d9ead3;"> <div class="mblArrowButtonBody mblArrowButtonText">Back</div></span><br style="background-color: #d9ead3;" /><span style="background-color: #d9ead3;"> </div></span><br /></h1></div><br /><br /><br /><div style="background-color: #f3f3f3;"></div><div style="background-color: #f3f3f3;"><script></div><div style="background-color: #f3f3f3;">function customClickHandler()</div><div style="background-color: #f3f3f3;">{</div><div style="background-color: #f3f3f3;"> alert("Back Button Clicked");</div><div style="background-color: #f3f3f3;">}</div><div style="background-color: #f3f3f3;"></script></div><br /><br /><br />kiranhttp://www.blogger.com/profile/15846056345286778225noreply@blogger.com0tag:blogger.com,1999:blog-7874459590558916681.post-42353012962433314132012-04-26T04:40:00.001-07:002013-01-15T23:48:23.993-08:00Dojo Drill Down Pie Chart, External CSV file<div dir="ltr" style="text-align: left;" trbidi="on">
In this Sample Demo tutorial, you will be looking at How to Create a Drill Down Pie Chart in DOJO.<br />
It uses a CSV file exported from a excel sheet and Read pro grammatically from DOJO code.<br />
It is then Parsed to JSON so as to feed it to the Pie Chart.<br />
It also cracks the Code of finding the item Clicked (Slice) in a pie chart to drill down to next level of data.<br />
<br />
<div style="text-align: center;">
<a href="http://kiranatious.gofreeserve.com.0lx.org/dojo/drilldown/index.html" target="_blank"><b>Demo Click Here</b></a><br />
<b><a href="http://kiranatious.gofreeserve.com.0lx.org/dojo/drilldown/salesdata_distributor.csv" target="_blank">CSV File (Download From Here)</a></b><b> </b></div>
<div style="text-align: center;">
<b> Source: copythe link below and open in new Window</b></div>
<div style="text-align: center;">
<b>kiranatious.gofreeserve.com.0lx.org/dojo/drilldown/pieChart.zip </b><b><br /></b></div>
<br />
<br />
<b>Index.html</b> (which contains basic div for Mobile View and Charts)<br />
<br />
<div class="html4strict" style="background-color: #f0f0f0; border: 1px solid #d0d0d0; color: #000066; font-family: monospace;">
<ol>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #00bbdd; font-size: x-small;"><!DOCTYPE HTML></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/html.html" style="color: #000060;"><span style="color: black; font-weight: bold;">html</span></a> <span style="color: #000066;">lang</span><span style="color: #66cc66;">=</span><span style="color: red;">"en"</span>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/head.html" style="color: #000060;"><span style="color: black; font-weight: bold;">head</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/meta.html" style="color: #000060;"><span style="color: black; font-weight: bold;">meta</span></a> <span style="color: #000066;">http-equiv</span><span style="color: #66cc66;">=</span><span style="color: red;">"Content-Type"</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: red;">"text/html; charset=utf-8"</span>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/title.html" style="color: #000060;"><span style="color: black; font-weight: bold;">title</span></a>></span><span style="font-size: x-small;">Pie Chart Smart Labels</span><span style="color: #009900; font-size: x-small;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/title.html" style="color: #000060;"><span style="color: black; font-weight: bold;">title</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/script.html" style="color: #000060;"><span style="color: black; font-weight: bold;">script</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: red;">"text/javascript"</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: red;">"http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js"</span> data-dojo-config<span style="color: #66cc66;">=</span><span style="color: red;">"async: true"</span>><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html" style="color: #000060;"><span style="color: black; font-weight: bold;">script</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/script.html" style="color: #000060;"><span style="color: black; font-weight: bold;">script</span></a> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: red;">"text/javascript"</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: red;">"src.js"</span>><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/script.html" style="color: #000060;"><span style="color: black; font-weight: bold;">script</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/style.html" style="color: #000060;"><span style="color: black; font-weight: bold;">style</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> @import "../../dojo/resources/dojo.css";</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> @import "../../dijit/themes/dijit.css";</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> @import "../../dojox/charting/resources/Legend.css";</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> body {</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> background: #181818;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> }</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> .dojoxLegendNode {</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> background-color:#181818;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> border:1px solid #CCCCCC;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> margin:0;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> padding:0; </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> }</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> .dojoxLegendText {</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> color: rgb(204, 204, 204);</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> }</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> h1, p {</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> color: rgb(204, 204, 204);</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> }</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/style.html" style="color: #000060;"><span style="color: black; font-weight: bold;">style</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/head.html" style="color: #000060;"><span style="color: black; font-weight: bold;">head</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/body.html" style="color: #000060;"><span style="color: black; font-weight: bold;">body</span></a> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: red;">"claro"</span>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: red;">"view1"</span> data-dojo-<span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: red;">"dojox.mobile.View"</span> ></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/h1.html" style="color: #000060;"><span style="color: black; font-weight: bold;">h1</span></a> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: red;">"headerId"</span> data-dojo-<span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: red;">"dojox.mobile.Heading"</span> <span style="color: #000066;">label</span><span style="color: #66cc66;">=</span><span style="color: red;">"Drill Down Pie Chart"</span>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: red;">"backButtonId"</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: red;">"mblArrowButton"</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: red;">"width: 67px;display: none"</span> <span style="color: #000066;">onclick</span><span style="color: #66cc66;">=</span><span style="color: red;">"backFired()"</span>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: red;">"mblArrowButtonHead"</span>><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: red;">"mblArrowButtonBody mblArrowButtonText"</span>></span><span style="font-size: x-small;">Back</span><span style="color: #009900; font-size: x-small;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/h1.html" style="color: #000060;"><span style="color: black; font-weight: bold;">h1</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: red;">"width: 100%; height: 100%"</span> <span style="color: #000066;">align</span><span style="color: #66cc66;">=</span><span style="color: red;">"center"</span>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: red;">"pieChart"</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: red;">"width: 550px; height: 550px; text-align: center"</span> ></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: red;">"legend"</span>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/div.html" style="color: #000060;"><span style="color: black; font-weight: bold;">div</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/body.html" style="color: #000060;"><span style="color: black; font-weight: bold;">body</span></a>></span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #009900; font-size: x-small;"><<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/html.html" style="color: #000060;"><span style="color: black; font-weight: bold;">html</span></a>></span></div>
</li>
<li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><div style="background: none; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top; white-space: nowrapcolor: #000020;">
</div>
</li>
</ol>
</div>
<br />
<br />
<b>Src.js</b> file<br />
<div class="javascript" style="background-color: #f0f0f0; border: 1px solid #d0d0d0; color: #000066; font-family: monospace;">
<ol>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> pieChart</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> legend </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">null</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> gObj </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #009900; font-size: x-small;">]</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> objCount </span><span style="color: #339933; font-size: x-small;">=</span><span style="color: #cc0000; font-size: x-small;">0</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> storeJson </span><span style="color: #339933; font-size: x-small;">=</span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #009900; font-size: x-small;">]</span><span style="color: #339933; font-size: x-small;">;</span><span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> titleStack </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #009900; font-size: x-small;">]</span><span style="color: #339933; font-size: x-small;">;</span> </div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;">require</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #3366cc; font-size: x-small;">"dojox/charting/Chart"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"dojox/charting/plot2d/Pie"</span><span style="color: #339933; font-size: x-small;">,</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"dojox/charting/action2d/Tooltip"</span><span style="color: #339933; font-size: x-small;">,</span> </div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"dojox/charting/themes/Tom"</span><span style="color: #339933; font-size: x-small;">,</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"dojox/charting/widget/Legend"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"dojo/ready"</span><span style="color: #339933; font-size: x-small;">,</span><span style="color: #3366cc; font-size: x-small;">"dojox/mobile/parser"</span><span style="color: #339933; font-size: x-small;">,</span> </div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"dojox/mobile/View"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"dojox/mobile/Heading"</span><span style="color: #339933; font-size: x-small;">,</span><span style="color: #3366cc; font-size: x-small;">"dojox/mobile/deviceTheme"</span><span style="color: #339933; font-size: x-small;">,</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"dojox/mobile/Button"</span><span style="color: #339933; font-size: x-small;">,</span><span style="color: #3366cc; font-size: x-small;">"dojox/data/CsvStore"</span><span style="color: #339933; font-size: x-small;">,</span><span style="color: #3366cc; font-size: x-small;">"dojo/store/DataStore"</span><span style="color: #009900; font-size: x-small;">]</span><span style="color: #339933; font-size: x-small;">,</span> </div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">function</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">Chart</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> Pie</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> Tooltip</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> Tom</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> Legend</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> ready</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> parser</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//programmatically reading CSV from external file</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> personStoreForGrid </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">new</span><span style="font-size: x-small;"> dojox.</span><span style="color: #660066; font-size: x-small;">data</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">CsvStore</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> url</span><span style="color: #339933; font-size: x-small;">:</span><span style="color: #3366cc; font-size: x-small;">"salesdata_distributor.csv"</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//storing to DataStore</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> objectStore </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> dojo.</span><span style="color: #660066; font-size: x-small;">store</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">DataStore</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> store</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> personStoreForGrid</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//On relustant Data load & Parsing CSV data into Json Format which can be fed into Pie chart</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> objectStore.</span><span style="color: #660066; font-size: x-small;">query</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">)</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">then</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #003366; font-size: x-small; font-weight: bold;">function</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">results</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//alert(results.length);</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> parentrow</span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;">results</span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #cc0000; font-size: x-small;">0</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">RowLabels</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> primaryval </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #009900; font-size: x-small;">]</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> secondaryval </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #009900; font-size: x-small;">]</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> finalJson </span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> nextVal</span><span style="color: #339933; font-size: x-small;">=</span><span style="color: #cc0000; font-size: x-small;">0</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//var primaryjson;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//var secondaryjson;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//parseInt(a)+parseInt(b);</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> aggrsum </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> parseInt</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">results</span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #cc0000; font-size: x-small;">0</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">SecondarySalesValue</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">+</span><span style="font-size: x-small;">parseInt</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">results</span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #cc0000; font-size: x-small;">0</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">PrimarySalesValue</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> finalJson</span><span style="color: #339933; font-size: x-small;">=</span><span style="color: #009900; font-size: x-small;">{</span><span style="font-size: x-small;">text</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> parentrow</span><span style="color: #339933; font-size: x-small;">+</span><span style="color: #3366cc; font-size: x-small;">'('</span><span style="color: #339933; font-size: x-small;">+</span><span style="font-size: x-small;">aggrsum</span><span style="color: #339933; font-size: x-small;">+</span><span style="color: #3366cc; font-size: x-small;">')'</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;">y</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> results</span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #cc0000; font-size: x-small;">0</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">SecondarySalesValue</span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//alert("First Time Parent Row = "+parentrow)</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #000066; font-size: x-small; font-weight: bold;">for</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> i </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #cc0000; font-size: x-small;">1</span><span style="color: #339933; font-size: x-small;">;</span><span style="font-size: x-small;"> i </span><span style="color: #339933; font-size: x-small;"><</span><span style="font-size: x-small;"> results.</span><span style="color: #660066; font-size: x-small;">length</span><span style="color: #339933; font-size: x-small;">;</span><span style="font-size: x-small;"> </span><span style="color: #339933; font-size: x-small;">++</span><span style="font-size: x-small;">i</span><span style="color: #009900; font-size: x-small;">)</span><span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #000066; font-size: x-small; font-weight: bold;">if</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">i</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">RowLabels</span><span style="color: #339933; font-size: x-small;">!==</span><span style="font-size: x-small;">undefined </span><span style="color: #339933; font-size: x-small;">&&</span><span style="font-size: x-small;"> results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">i</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">RowLabels</span><span style="color: #339933; font-size: x-small;">!==</span><span style="font-size: x-small;">parentrow</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> finalJson.</span><span style="color: #660066; font-size: x-small;">child</span><span style="color: #339933; font-size: x-small;">=</span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #009900; font-size: x-small;">{</span><span style="font-size: x-small;">text</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"primary("</span><span style="color: #339933; font-size: x-small;">+</span><span style="font-size: x-small;">results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">nextVal</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">PrimarySalesValue</span><span style="color: #339933; font-size: x-small;">+</span><span style="color: #3366cc; font-size: x-small;">")"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;">y</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">nextVal</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">PrimarySalesValue</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;">child</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;">primaryval</span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #339933; font-size: x-small;">,</span><span style="color: #009900; font-size: x-small;">{</span><span style="font-size: x-small;">text</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"secondary("</span><span style="color: #339933; font-size: x-small;">+</span><span style="font-size: x-small;">results</span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #cc0000; font-size: x-small;">0</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">SecondarySalesValue</span><span style="color: #339933; font-size: x-small;">+</span><span style="color: #3366cc; font-size: x-small;">")"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;">y</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">nextVal</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">SecondarySalesValue</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;">child</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;">secondaryval</span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #009900; font-size: x-small;">]</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> storeJson.</span><span style="color: #660066; font-size: x-small;">push</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">finalJson</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> parentrow </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">i</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">RowLabels</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//alert("Subsequently Parent Row = "+parentrow)</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> finalJson</span><span style="color: #339933; font-size: x-small;">=</span><span style="color: #003366; font-size: x-small; font-weight: bold;">null</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> nextVal</span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;">i</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> aggrsum </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> parseInt</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">i</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">SecondarySalesValue</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">+</span><span style="font-size: x-small;">parseInt</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">i</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">PrimarySalesValue</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> finalJson</span><span style="color: #339933; font-size: x-small;">=</span><span style="color: #009900; font-size: x-small;">{</span><span style="font-size: x-small;">text</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> parentrow</span><span style="color: #339933; font-size: x-small;">+</span><span style="color: #3366cc; font-size: x-small;">'('</span><span style="color: #339933; font-size: x-small;">+</span><span style="font-size: x-small;">aggrsum</span><span style="color: #339933; font-size: x-small;">+</span><span style="color: #3366cc; font-size: x-small;">')'</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;">y</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> aggrsum</span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> primaryval </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #009900; font-size: x-small;">]</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> secondaryval </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #009900; font-size: x-small;">]</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">}</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #000066; font-size: x-small; font-weight: bold;">else</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> primaryval.</span><span style="color: #660066; font-size: x-small;">push</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">{</span><span style="font-size: x-small;">text</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">i</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">ChildRowLabels</span><span style="color: #339933; font-size: x-small;">+</span><span style="color: #3366cc; font-size: x-small;">"("</span><span style="color: #339933; font-size: x-small;">+</span><span style="font-size: x-small;">results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">i</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">PrimarySalesValue</span><span style="color: #339933; font-size: x-small;">+</span><span style="color: #3366cc; font-size: x-small;">")"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;">y</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">i</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">PrimarySalesValue</span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> secondaryval.</span><span style="color: #660066; font-size: x-small;">push</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">{</span><span style="font-size: x-small;">text</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">i</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">ChildRowLabels</span><span style="color: #339933; font-size: x-small;">+</span><span style="color: #3366cc; font-size: x-small;">"("</span><span style="color: #339933; font-size: x-small;">+</span><span style="font-size: x-small;">results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">i</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">SecondarySalesValue</span><span style="color: #339933; font-size: x-small;">+</span><span style="color: #3366cc; font-size: x-small;">")"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;">y</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">i</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">SecondarySalesValue</span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">}</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
</div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">}</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> finalJson.</span><span style="color: #660066; font-size: x-small;">child</span><span style="color: #339933; font-size: x-small;">=</span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #009900; font-size: x-small;">{</span><span style="font-size: x-small;">text</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"primary("</span><span style="color: #339933; font-size: x-small;">+</span><span style="font-size: x-small;">results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">nextVal</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">PrimarySalesValue</span><span style="color: #339933; font-size: x-small;">+</span><span style="color: #3366cc; font-size: x-small;">")"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;">y</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">nextVal</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">PrimarySalesValue</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;">child</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;">primaryval</span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #339933; font-size: x-small;">,</span><span style="color: #009900; font-size: x-small;">{</span><span style="font-size: x-small;">text</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"secondary("</span><span style="color: #339933; font-size: x-small;">+</span><span style="font-size: x-small;">results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">nextVal</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">SecondarySalesValue</span><span style="color: #339933; font-size: x-small;">+</span><span style="color: #3366cc; font-size: x-small;">")"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;">y</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> results</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">nextVal</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">SecondarySalesValue</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;">child</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;">secondaryval</span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #009900; font-size: x-small;">]</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> storeJson.</span><span style="color: #660066; font-size: x-small;">push</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">finalJson</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> pieChart.</span><span style="color: #660066; font-size: x-small;">updateSeries</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #3366cc; font-size: x-small;">"Series A"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;">storeJson</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> pieChart.</span><span style="color: #660066; font-size: x-small;">render</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> legend.</span><span style="color: #660066; font-size: x-small;">refresh</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">// alert(JSON.stringify(storeJson));</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//alert("json created");</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span><span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> ready</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #003366; font-size: x-small; font-weight: bold;">function</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> titleStack</span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #cc0000; font-size: x-small;">0</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;"> </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"Drill Down Pie Chart"</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//var temp = dijit.byId("headerId");</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//.set("label", "titleStack[0]");</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//document.getElementById("headerId").setAttribute('label','yes') ;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> parser.</span><span style="color: #660066; font-size: x-small;">parse</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> pieChart </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">new</span><span style="font-size: x-small;"> Chart</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #3366cc; font-size: x-small;">"pieChart"</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> pieChart.</span><span style="color: #660066; font-size: x-small;">setTheme</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">Tom</span><span style="color: #009900; font-size: x-small;">)</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">addPlot</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #3366cc; font-size: x-small;">"default"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> type</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"Pie"</span><span style="color: #339933; font-size: x-small;">,</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> font</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"normal normal 10pt Tahoma"</span><span style="color: #339933; font-size: x-small;">,</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> fontColor</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"#ccc"</span><span style="color: #339933; font-size: x-small;">,</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> labelWiring</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"#ccc"</span><span style="color: #339933; font-size: x-small;">,</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> radius</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> </span><span style="color: #cc0000; font-size: x-small;">150</span><span style="color: #339933; font-size: x-small;">,</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> labelStyle</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"columns"</span><span style="color: #339933; font-size: x-small;">,</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> htmlLabels</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">true</span><span style="color: #339933; font-size: x-small;">,</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> startAngle</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> </span><span style="color: #339933; font-size: x-small;">-</span><span style="color: #cc0000; font-size: x-small;">10</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #009900; font-size: x-small;">)</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">addSeries</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #3366cc; font-size: x-small;">"Series A"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> storeJson</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//Logic to handle Item Clicked on the Pie Chart for Drilling down to the Next Level</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> h </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> pieChart.</span><span style="color: #660066; font-size: x-small;">connectToPlot</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #3366cc; font-size: x-small;">"default"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">function</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">o</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #009900; font-size: x-small;">{</span> </div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #000066; font-size: x-small; font-weight: bold;">if</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">o.</span><span style="color: #660066; font-size: x-small;">type</span><span style="font-size: x-small;"> </span><span style="color: #339933; font-size: x-small;">==</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"onclick"</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> test1 </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> storeJson</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> childItem </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> o.</span><span style="color: #660066; font-size: x-small;">run</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">data</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">o.</span><span style="color: #660066; font-size: x-small;">index</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">child</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #000066; font-size: x-small; font-weight: bold;">if</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">childItem </span><span style="color: #339933; font-size: x-small;">!=</span><span style="font-size: x-small;"> undefined</span><span style="color: #009900; font-size: x-small;">)</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> str </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">o.</span><span style="color: #660066; font-size: x-small;">chart</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">series</span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #cc0000; font-size: x-small;">0</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">data</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">o.</span><span style="color: #660066; font-size: x-small;">index</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">text</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> titleStack</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">titleStack.</span><span style="color: #660066; font-size: x-small;">length</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;"> </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> str</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> temp </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> dijit.</span><span style="color: #660066; font-size: x-small;">byId</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #3366cc; font-size: x-small;">"headerId"</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> temp.</span><span style="color: #660066; font-size: x-small;">set</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #3366cc; font-size: x-small;">"label"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> str</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> document.</span><span style="color: #660066; font-size: x-small;">getElementById</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #3366cc; font-size: x-small;">"backButtonId"</span><span style="color: #009900; font-size: x-small;">)</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">style</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">display</span><span style="color: #339933; font-size: x-small;">=</span><span style="color: #3366cc; font-size: x-small;">""</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #339933; font-size: x-small;">++</span><span style="font-size: x-small;">objCount</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> gObj</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">objCount</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;"> </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> childItem</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> drillDown</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">childItem</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//document.getElementById("headerId").setAttribute('label', "str") ;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">}</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">}</span> </div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #009900; font-size: x-small;">}</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span> </div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> gObj</span><span style="color: #009900; font-size: x-small;">[</span><span style="color: #cc0000; font-size: x-small;">0</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;"> </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> storeJson</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> anim_c </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">new</span><span style="font-size: x-small;"> Tooltip</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">pieChart</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"default"</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> pieChart.</span><span style="color: #660066; font-size: x-small;">render</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> legend </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">new</span><span style="font-size: x-small;"> Legend</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> chart</span><span style="color: #339933; font-size: x-small;">:</span><span style="font-size: x-small;"> pieChart</span><span style="color: #339933; font-size: x-small;">,</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> horizontal</span><span style="color: #339933; font-size: x-small;">:</span><span style="color: #003366; font-size: x-small; font-weight: bold;">true</span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> </span><span style="color: #3366cc; font-size: x-small;">"legend"</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">}</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #009900; font-size: x-small;">}</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span> </div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
</div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
</div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #006600; font-size: x-small; font-style: italic;">// Logic to Move Back to previous Level of Stack </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #003366; font-size: x-small; font-weight: bold;">function</span><span style="font-size: x-small;"> backFired</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">)</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #006600; font-size: x-small; font-style: italic;">//alert(storeJson);</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #000066; font-size: x-small; font-weight: bold;">if</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">objCount</span><span style="color: #339933; font-size: x-small;">==</span><span style="color: #cc0000; font-size: x-small;">1</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> document.</span><span style="color: #660066; font-size: x-small;">getElementById</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #3366cc; font-size: x-small;">"backButtonId"</span><span style="color: #009900; font-size: x-small;">)</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">style</span><span style="font-size: x-small;">.</span><span style="color: #660066; font-size: x-small;">display</span><span style="color: #339933; font-size: x-small;">=</span><span style="color: #3366cc; font-size: x-small;">"none"</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">}</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #000066; font-size: x-small; font-weight: bold;">if</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">objCount </span><span style="color: #339933; font-size: x-small;">>=</span><span style="font-size: x-small;"> </span><span style="color: #cc0000; font-size: x-small;">0</span><span style="color: #009900; font-size: x-small;">)</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> titleStack.</span><span style="color: #660066; font-size: x-small;">pop</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> str </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> titleStack</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">titleStack.</span><span style="color: #660066; font-size: x-small;">length</span><span style="font-size: x-small;"> </span><span style="color: #339933; font-size: x-small;">-</span><span style="font-size: x-small;"> </span><span style="color: #cc0000; font-size: x-small;">1</span><span style="color: #009900; font-size: x-small;">]</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> temp </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> dijit.</span><span style="color: #660066; font-size: x-small;">byId</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #3366cc; font-size: x-small;">"headerId"</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> temp.</span><span style="color: #660066; font-size: x-small;">set</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #3366cc; font-size: x-small;">"label"</span><span style="color: #339933; font-size: x-small;">,</span><span style="font-size: x-small;"> str</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> gObj</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">objCount</span><span style="color: #009900; font-size: x-small;">]</span><span style="font-size: x-small;"> </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">null</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #339933; font-size: x-small;">--</span><span style="font-size: x-small;">objCount</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #003366; font-size: x-small; font-weight: bold;">var</span><span style="font-size: x-small;"> childItem </span><span style="color: #339933; font-size: x-small;">=</span><span style="font-size: x-small;"> gObj</span><span style="color: #009900; font-size: x-small;">[</span><span style="font-size: x-small;">objCount</span><span style="color: #009900; font-size: x-small;">]</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> drillDown</span><span style="color: #009900; font-size: x-small;">(</span><span style="font-size: x-small;">childItem</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> </span><span style="color: #009900; font-size: x-small;">}</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #009900; font-size: x-small;">}</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
</div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #006600; font-size: x-small; font-style: italic;">//logic to Drill down on Click of the Item in a pie Chart</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #003366; font-size: x-small; font-weight: bold;">function</span><span style="font-size: x-small;"> drillDown</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #000066; font-size: x-small; font-weight: bold;">item</span><span style="color: #009900; font-size: x-small;">)</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #009900; font-size: x-small;">{</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> pieChart.</span><span style="color: #660066; font-size: x-small;">updateSeries</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #3366cc; font-size: x-small;">"Series A"</span><span style="color: #339933; font-size: x-small;">,</span><span style="color: #000066; font-size: x-small; font-weight: bold;">item</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> pieChart.</span><span style="color: #660066; font-size: x-small;">render</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="font-size: x-small;"> legend.</span><span style="color: #660066; font-size: x-small;">refresh</span><span style="color: #009900; font-size: x-small;">(</span><span style="color: #009900; font-size: x-small;">)</span><span style="color: #339933; font-size: x-small;">;</span></div>
</li>
<li style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; color: #003030; font-family: 'Courier New',Courier,monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; vertical-align: top;"><div style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; background: none repeat scroll 0% 0% transparent; font-family: monospace; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.2em; margin: 0pt; padding: 0pt; vertical-align: top;">
<span style="color: #009900; font-size: x-small;">}</span></div>
</li>
</ol>
</div>
<br />
<div style="text-align: center;">
<a href="http://kiranatious.gofreeserve.com.0lx.org/dojo/drilldown/index.html" target="_blank"><b>Demo Click Here</b></a><br />
<br />
<b><a href="http://kiranatious.gofreeserve.com.0lx.org/dojo/drilldown/salesdata_distributor.csv" target="_blank">CSV File (Download From Here)</a> </b></div>
<br /></div>
kiranhttp://www.blogger.com/profile/15846056345286778225noreply@blogger.com3tag:blogger.com,1999:blog-7874459590558916681.post-60271940435855363062012-04-16T23:53:00.001-07:002012-08-30T21:44:38.229-07:00Dojo Mobile Swap View Example<div style="text-align: center;"><b><u>Dojo Mobile SwapView Demo Sample Example</u></b></div>Demostrates the Basic Example of how to code 3 Swap Views and add contents to it with Dojo 1.7 or higher<br /><div style="text-align: center;"><b><a href="http://kiranatious.gofreeserve.com.0lx.org/dojo/swapview.html" target="_blank">Live Demo Click Here</a></b></div><br /><pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br /><html><br /> <head><br /> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><br /> <meta name="apple-mobile-web-app-capable" content="yes" /><br /> <title>Sonata Software - Swap View Example</title><br /> <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js" data-dojo-config="async: true"></script><br /> <script><br /> <br /> require(["dojox/mobile/parser", <br /> "dojox/mobile",<br /> "dojox/mobile/Heading", <br /> "dojox/mobile/deviceTheme",<br /> "dojox/mobile/SwapView",<br /> "dojox/mobile/RoundRect"<br /> ], <br /> function(parser) {<br /> parser.parse();<br /> });<br /> <br /> </script><br /> </head><br /> <body><br /> <div data-dojo-type="dojox.mobile.SwapView" ><br /> <h1 data-dojo-type="dojox.mobile.Heading">View 1</h1><br /> <div data-dojo-type="dojox.mobile.RoundRect"><br /> Swipe the screen left or right to flip between the views.<br /> </div><br /> </div><br /> <div data-dojo-type="dojox.mobile.SwapView" ><br /> <h1 data-dojo-type="dojox.mobile.Heading">View 2</h1><br /> <div data-dojo-type="dojox.mobile.RoundRect"><br /> Swipe the screen left or right to flip between the views.<br /> </div><br /> </div><br /> <div data-dojo-type="dojox.mobile.SwapView" ><br /> <h1 data-dojo-type="dojox.mobile.Heading">View 3</h1><br /> <div data-dojo-type="dojox.mobile.RoundRect"><br /> Swipe the screen left or right to flip between the views.<br /> </div><br /> </div><br /> <br /> </body><br /></html><br /><br /></code></pre><br /><div style="text-align: center;"><b><a href="http://kiranatious.gofreeserve.com.0lx.org/dojo/swapview.html" target="_blank">Live Demo Click Here</a></b></div><br />kiranhttp://www.blogger.com/profile/15846056345286778225noreply@blogger.com3tag:blogger.com,1999:blog-7874459590558916681.post-5475322888090108812012-04-16T23:27:00.001-07:002012-08-30T21:44:38.229-07:00Dojo Mobile navigation between View programmatically<div style="text-align: center;"><b><u>Dojo Mobile navigation between View programmatically</u></b></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: center;"><a href="http://kiranatious.gofreeserve.com.0lx.org/dojo/view.html" style="background-color: red; text-align: left;" target="_blank"><span style="color: black;">View Live Demo Click Here</span></a></div><div style="text-align: left;">In this tutorial i will running through the basic step by step process of creating a View in Dojo mobile,</div><div style="text-align: left;">then including the require (modules) and then how to nvaigate between view through code (programmatically)</div><div style="text-align: left;"><br /></div><div style="text-align: left;"></div> <span style="background-color: black;"><span style="color: white;">var w = Registry.byId(currentPageId); </span></span><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><span style="background-color: black; color: white;">w.performTransition('#'+pagetoId,1,"fade",null);</span><br /><span style="background-color: black; color: white;"><br /></span><br />Here Registry is the instance of "dijit/registry" which has to included in ur <b>require </b>statement. in the call back function we have to have a instance of it and assign it to a global vairable so that we can access it any where in the page <script><br /><br />like<br /><br /><br /><div style="text-align: left;"></div><span style="background-color: black;"><span style="color: white;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var Registry;</span></span><br /><span style="background-color: black;"><span style="color: white;"><br /></span></span><br /><span style="background-color: black;"><span style="color: white;"> require(["dojox/mobile/parser", </span></span><br /><span style="background-color: black;"><span style="color: white;"> <span class="Apple-tab-span" style="white-space: pre;"> </span> "dijit/registry"</span></span><br /><span style="background-color: black;"><span style="color: white;"> <span class="Apple-tab-span" style="white-space: pre;"> </span> ], </span></span><br /><span style="background-color: black;"><span style="color: white;"> <span class="Apple-tab-span" style="white-space: pre;"> </span> function(parser, _registry) {</span></span><br /><span style="background-color: black;"><span style="color: white;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>parser.parse();</span></span><br /><span style="background-color: black;"><span style="color: white;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>Registry = _registry;</span></span><br /><span style="background-color: black;"><span style="color: white;"> });</span></span><br /><span style="background-color: black;"><span style="color: white;"><br /></span></span><br />The entire code look like..<br /><br /><pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br /><html><br /> <head><br /> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><br /> <meta name="apple-mobile-web-app-capable" content="yes" /><br /> <title>Sonata Software - View Example</title><br /> <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js" data-dojo-config="async: true"></script><br /> <script><br /> <br /> var Registry;<br /> var currentPage = "view1";<br /> <br /> require(["dojox/mobile/parser", <br /> "dijit/registry",<br /> "dojox/mobile",<br /> "dojox/mobile/Heading", <br /> "dojox/mobile/deviceTheme",<br /> "dojox/mobile/View",<br /> "dojox/mobile/Button"<br /> ], <br /> function(parser, _registry) {<br /> parser.parse();<br /> Registry = _registry;<br /> });<br /> <br /> <br /> function navigateTo(pagetoId)<br /> {<br /> //currentPage is a global varibale holding the present page(view) Id<br /> var w = Registry.byId(currentPage);<br /> w.performTransition('#'+pagetoId,1,"fade",null);<br /> currentPage = pagetoId;<br /> }<br /> <br /> </script><br /> </head><br /> <body><br /> <div id="view1" data-dojo-type="dojox.mobile.View" align="center"><br /> <h1 data-dojo-type="dojox.mobile.Heading">View 1</h1><br /> <button data-dojo-type="dojox.mobile.Button" onclick="navigateTo('view2')">Page 2</button><br /> <button data-dojo-type="dojox.mobile.Button" onclick="navigateTo('view3')">Page 3</button><br /> </div><br /> <div id="view2" data-dojo-type="dojox.mobile.View" align="center"><br /> <h1 data-dojo-type="dojox.mobile.Heading" >View 2</h1><br /> <button data-dojo-type="dojox.mobile.Button" onclick="navigateTo('view1')">Page 1</button><br /> <button data-dojo-type="dojox.mobile.Button" onclick="navigateTo('view3')">Page 3</button><br /> </div><br /> <div id="view3" data-dojo-type="dojox.mobile.View" align="center"><br /> <h1 data-dojo-type="dojox.mobile.Heading" >View 3</h1><br /> <button data-dojo-type="dojox.mobile.Button" onclick="navigateTo('view1')">Page 1</button><br /> <button data-dojo-type="dojox.mobile.Button" onclick="navigateTo('view2')">Page 2</button><br /> </div><br /> </body><br /></html><br /><br /></code></pre><div><br /></div><a href="http://kiranatious.gofreeserve.com.0lx.org/dojo/view.html" style="background-color: red;" target="_blank"><span style="color: black;">View Live Demo Click Here</span></a><br /><span style="background-color: black;"><span style="color: white;"><br /></span></span><br /><span style="background-color: black;"><span style="color: white;"><br /></span></span><br /><br />kiranhttp://www.blogger.com/profile/15846056345286778225noreply@blogger.com4tag:blogger.com,1999:blog-7874459590558916681.post-20210568050501410202012-04-01T23:50:00.004-07:002012-08-30T21:44:38.229-07:00Dojo Simple Build tutorial mobile Pie Chart<p> Author:<a href="https://plus.google.com/110684039953269496799?rel=author">Kiran Ignatius+</a></p> In this Tutorial, i will be running through a Step by Step , simple programtically generating Pie Chart in Dojo, and Creating a simple build Profile and through Command SDK making a build.<br /><br />First download the DOJO latest version 1.7.1 or 1.7.2 SRC version (source version)<br /><a href="http://download.dojotoolkit.org/release-1.7.2/dojo-release-1.7.2-src.zip">Download Click Here Version 1.7.2</a><br /><br />Extract to a any folder , the Structure much contain 4 folders , DIJIT, DOJOX, DOJO, util.<br />Create a new folder named "demos" , the structure will look like below picture.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV1kfvkFHK4qTDPxa1CKoU6GIXBWcHpszcvqJnlCcyIiVAXNbIbJ_T2lpM5b1stBlHp4gVEEfpxnyqcQWbAeJz5r9wC2-Il_gx6EcTDfLYaTJSawMh2smRqL7_33Z6sx1T26_KBgAIlYg1/s1600/file+structure+01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV1kfvkFHK4qTDPxa1CKoU6GIXBWcHpszcvqJnlCcyIiVAXNbIbJ_T2lpM5b1stBlHp4gVEEfpxnyqcQWbAeJz5r9wC2-Il_gx6EcTDfLYaTJSawMh2smRqL7_33Z6sx1T26_KBgAIlYg1/s400/file+structure+01.jpg" width="400" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Now go into "demos" folder and create a new directory(folder) named "simpleChart"<br />inside that create a new file "index.html"<br /><br />the contect of it will be as below<br />File name: "index.html"<br /><br /><br /><span class="Apple-style-span" style="background-color: #cccccc;"><!DOCTYPE HTML></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><html lang="en"></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span><head></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span><meta charset="utf-8"></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span><title>Demo: Basic Programmatic Chart</title></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span><link rel="stylesheet" href="style.css" media="screen"></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span><!-- load dojo and provide config via data attribute --></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span><script src="../../dojo/dojo.js"</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span>data-dojo-config="async: true, isDebug: true, parseOnLoad: true"></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span></script></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span><script src="src.js"></script></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span><script></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span>// x and y coordinates used for easy understanding of where they should display</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span>// Data represents website visits over a week period</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span>chartData = [</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{ x: 1, y: 19021 },</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{ x: 1, y: 12837 },</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{ x: 1, y: 12378 },</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{ x: 1, y: 21882 },</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{ x: 1, y: 17654 },</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{ x: 1, y: 15833 },</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{ x: 1, y: 16122 }</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span>];</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span></script></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span></head></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span><body></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span><h1>Demo: Basic Programmatic Chart</h1></span><br /><span class="Apple-tab-span" style="background-color: #cccccc; white-space: pre;"> </span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span><!-- create the chart --></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span><div id="chartNode" style="width: 550px; height: 550px;"></div></span><br /><span class="Apple-tab-span" style="background-color: #cccccc; white-space: pre;"> </span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><span class="Apple-tab-span" style="white-space: pre;"> </span></body></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"></html></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: white;">Now create a new file called "src.js" where we will be putting all the Script for creating the Pie Chart, the contents/source is as below.</span><br /><span class="Apple-style-span" style="background-color: white;">File Name: "src.js"</span><br /><br /><br /><span class="Apple-style-span" style="background-color: #cccccc;">require([</span><br /><span class="Apple-style-span" style="background-color: #cccccc;">// Require the basic 2d chart resource</span><br /><span class="Apple-style-span" style="background-color: #cccccc;">"dojox/charting/Chart",</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;">// Require the theme of our choosing</span><br /><span class="Apple-style-span" style="background-color: #cccccc;">"dojox/charting/themes/Claro",</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;">// Charting plugins:</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;">// Require the Pie type of Plot</span><br /><span class="Apple-style-span" style="background-color: #cccccc;">"dojox/charting/plot2d/Pie",</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;">// Wait until the DOM is ready</span><br /><span class="Apple-style-span" style="background-color: #cccccc;">"dojo/domReady!"], function(Chart, theme, PiePlot) {</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> // Create the chart within it's "holding" node</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> var pieChart = new Chart("chartNode");</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> // Set the theme</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> pieChart.setTheme(theme);</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> // Add the only/default plot</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> pieChart.addPlot("default", {</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> type : PiePlot, // our plot2d/Pie module reference as type value</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> radius : 200,</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> fontColor : "black",</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> labelOffset : "-20"</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> });</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> // Add the series of data</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> pieChart.addSeries("January", chartData);</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> // Render the chart!</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> pieChart.render();</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;">});</span><br /><br /><br /><br /><span class="Apple-style-span" style="background-color: white;">Now once u open the "index.html" in a browser it would look like</span><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br /><span class="Apple-style-span" style="background-color: white;">Now we will start writing the code for Build, in other words we will create a simple profile file for our project and then make a build.</span><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br />First create a new file called "build.profile.js" and type in the code below,<br />file Name: "build.profile.js"<br /><br /><br /><span class="Apple-style-span" style="background-color: #cccccc;">dependencies = {</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> layers: [</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> {</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> name: "../demos/simpleChart/src.js",</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> resourceName: "demos.simpleChart.src",</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> dependencies: [</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> "demos.simpleChart.src"</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> ]</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> }</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> ],</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> prefixes: [</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> [ "dijit", "../dijit" ],</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> [ "dojox", "../dojox" ],</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> [ "demos", "../demos" ]</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"> ]</span><br /><span class="Apple-style-span" style="background-color: #cccccc;">}</span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJaFG7jriwIr3kMK2IP5AWs9_3IWdEiHXPqzBhfREGycfwtqWmDamwN8BoE6Xv9jPYh_hQ91sJlq4QHSfIUksLQhZHS2UBeATz1ACsrZVzk9WS_4wwJijgNMDfFxVIIvTU8cAd-QdBZvvP/s1600/file+structure.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJaFG7jriwIr3kMK2IP5AWs9_3IWdEiHXPqzBhfREGycfwtqWmDamwN8BoE6Xv9jPYh_hQ91sJlq4QHSfIUksLQhZHS2UBeATz1ACsrZVzk9WS_4wwJijgNMDfFxVIIvTU8cAd-QdBZvvP/s400/file+structure.jpg" width="400" /></a></div><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: #cccccc;"><br /></span><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br /><span class="Apple-style-span" style="background-color: white;">Now it time to make a build, open command promt, by typing "cmd" in run command, or directly opening CMD</span><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br />In command promt, first go to location of our root directory<br />the folder which contains : dojo, dojox, dijit, util, and demos folder<br /><br /><br /><br />Further get into : util/buildscripts<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGhQr4EQXAHwwNwxVqk7yd1fySMSJGt9gJkrzBso2Pck5yXMeRufxbV86dPVxFBPo93eN3sQnSFl_-RyIOcfpLcq0z-1uTauebW7IUNf0NzwMWzXiYyoITIoY9r_AutoO8ORv0iI9yate/s1600/file+structure+02.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGhQr4EQXAHwwNwxVqk7yd1fySMSJGt9gJkrzBso2Pck5yXMeRufxbV86dPVxFBPo93eN3sQnSFl_-RyIOcfpLcq0z-1uTauebW7IUNf0NzwMWzXiYyoITIoY9r_AutoO8ORv0iI9yate/s400/file+structure+02.jpg" width="400" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br />Now start typing the run command<br />"<span class="Apple-style-span" style="background-color: #cccccc;">build profile=../../demos/simpleChart/build action=release releaseDir="simpleChartRelease</span>"<br /><br />*build is the command to initiate the build (build.bat for windows or build.sh for Mac or only build)<br />*profile name i have give only build, but if u observe the file name is "build.profile.js" the compiler which dojo has automatically appends .profile.js to any profile name we give, but if u want to give full name, no issues.<br />*action=release<br />*releaseDir is the directory were ur release files will gets generated/written<br /><br /><br />and hit enter on keyboard<br />after some minutes it will display finished as below<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Gq1pxX0klk2H81uLPHdH-0nRQN0nmTumPddilP9L_xGUjh5eWOCEABc76jH6TYTPvocNItRXz-7rhknvb54tpsryta5KNf868fbHEF6TZwbRKF_N-hZY6Hh2wBaTdZKXA8Jdv-VX7b2k/s1600/file+structure+03.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Gq1pxX0klk2H81uLPHdH-0nRQN0nmTumPddilP9L_xGUjh5eWOCEABc76jH6TYTPvocNItRXz-7rhknvb54tpsryta5KNf868fbHEF6TZwbRKF_N-hZY6Hh2wBaTdZKXA8Jdv-VX7b2k/s640/file+structure+03.jpg" width="640" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Now goto the folder util/buildscripts/simpleChartRelease/dojo<br />you will find the entire release folder which you can deploy for your project.<br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifhRehYYDLErUzS1q3ooi6qY9A9LiusbEBketyYPg0mXgvZg18gMIwGhpNyBCb6u6_hhMs_mwr9suewWAcCv6knPJiNxJewjTKFo_GR2dXuag79vNZmddsUSOn5arI1Oz9NRI9DRajSRM9/s1600/final.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifhRehYYDLErUzS1q3ooi6qY9A9LiusbEBketyYPg0mXgvZg18gMIwGhpNyBCb6u6_hhMs_mwr9suewWAcCv6knPJiNxJewjTKFo_GR2dXuag79vNZmddsUSOn5arI1Oz9NRI9DRajSRM9/s400/final.jpg" width="366" /></a></div><br /><br /><div><br /></div><br /><div style="background-color: white;"><br /></div><br /><span class="Apple-style-span" style="background-color: white;"><br /></span><br /><div><br /></div><br /><br />kiranhttp://www.blogger.com/profile/15846056345286778225noreply@blogger.com2