<xmp b:backbase="true">

        <b:barchart b:caption="Node: 58RB691 - Schedule:  - 2006 Monthly Average Data" b:x-axis-label="Date" b:y-axis-label="MB" b:name="58RB691MB" b:width="600" b:height="400" b:mode="normal">
          <b:barchart-horizontal-values b:alignment="vertical">
            <b:barchart-value b:value="Janurary" />
            <b:barchart-value b:value="Feburary" />
            <b:barchart-value b:value="March" />
            <b:barchart-value b:value="April" />
            <b:barchart-value b:value="May" />
          </b:barchart-horizontal-values>
        <b:barchart-series b:name="Average MB Backed Up" b:color="#7C90CD">
          <b:barchart-bar b:value="0" />
          <b:barchart-bar b:value="488" />
          <b:barchart-bar b:value="547" />
          <b:barchart-bar b:value="599" />
          <b:barchart-bar b:value="533" />
        </b:barchart-series>
      </b:barchart>
     

      <div class="textblock">
        <a b:action="trigger" b:event="open" b:target="id('sbe_modalDetailedData')">Detailed Yearly Data</a>
      </div>
     
      <b:modal id="sbe_modalDetailedData">
        <b:modalhead>58RB691</b:modalhead>
        <b:modalbody>
          <div class="textblock">
            Some Test data
          </div>
          <div style="position: absolute; right: 12px; bottom: 20px;">
            <b:button b:action="trigger" b:event="close" b:target="id('sbe_modalDetailedData')">Close</b:button>
          </div>
        </b:modalbody>
      </b:modal>

</xmp>