Example 3: Hiring timeline

XML data table output:

<chart>
   <type>ColumnChart</type>
   <data>
      <cols xmlns:json="http://json.org/" json:force-array="true">
         <column>
            <label>Department</label>
            <type>string</type>
         </column>
         <column>
            <label>Publish</label>
            <type>number</type>
         </column>
         <column>
            <label>Review</label>
            <type>number</type>
         </column>
         <column>
            <label>Offer</label>
            <type>number</type>
         </column>
         <column>
            <label>Hire</label>
            <type>number</type>
         </column>
      </cols>
      <rows xmlns:json="http://json.org/" json:force-array="true">
         <row>
            <c json:force-array="true">
               <value>
                  <v>Retail</v>
               </value>
               <value>
                  <v>4</v>
               </value>
               <value>
                  <v>3</v>
               </value>
               <value>
                  <v>2</v>
               </value>
               <value>
                  <v>10</v>
               </value>
               <value>
                  <v>#3EAF79</v>
               </value>
               <value>
                  <v>Department: Retail 
                        
                       Time to Publish: 2 days</v>
               </value>
            </c>
         </row>
         <row>
            <c json:force-array="true">
               <value>
                  <v>Finance</v>
               </value>
               <value>
                  <v>12</v>
               </value>
               <value>
                  <v>16</v>
               </value>
               <value>
                  <v>23</v>
               </value>
               <value>
                  <v>65</v>
               </value>
               <value>
                  <v>#3EAF79</v>
               </value>
               <value>
                  <v>Department: Retail 
                        
                       Time to Offer: 4 days</v>
               </value>
            </c>
         </row>
         <row>
            <c json:force-array="true">
               <value>
                  <v>Sales and Marketing</v>
               </value>
               <value>
                  <v>8</v>
               </value>
               <value>
                  <v>12</v>
               </value>
               <value>
                  <v>10</v>
               </value>
               <value>
                  <v>34</v>
               </value>
               <value>
                  <v>#3EAF79</v>
               </value>
               <value>
                  <v>Department: Retail 
                        
                       Time to Hire: 16 days</v>
               </value>
            </c>
         </row>
         <row>
            <c json:force-array="true">
               <value>
                  <v>Customer Service</v>
               </value>
               <value>
                  <v>2</v>
               </value>
               <value>
                  <v>5</v>
               </value>
               <value>
                  <v>4</v>
               </value>
               <value>
                  <v>12</v>
               </value>
               <value>
                  <v>#3EAF79</v>
               </value>
               <value>
                  <v>Department: Retail 
                        
                       Time to Publish: 2 days</v>
               </value>
            </c>
         </row>
         <row>
            <c json:force-array="true">
               <value>
                  <v>Human Resources</v>
               </value>
               <value>
                  <v>25</v>
               </value>
               <value>
                  <v>28</v>
               </value>
               <value>
                  <v>12</v>
               </value>
               <value>
                  <v>64</v>
               </value>
            </c>
         </row>
      </rows>
   </data>
   <options>
      <legend>
         <position>top</position>
         <maxLines>3</maxLines>
      </legend>
      <animation>
         <startup>true</startup>
         <duration>1000</duration>
      </animation>
      <vAxis>
         <title>Days</title>
      </vAxis>
      <isStacked>true</isStacked>
      <tooltip>
         <isHtml>true</isHtml>
         <textStyle>
            <color>#000000</color>
            <fontName>Verdana</fontName>
            <fontSize>14</fontSize>
            <showColorCode>true</showColorCode>
         </textStyle>
      </tooltip>
   </options>
</chart>