Forums

<script type="text/javascript">
 
   YAHOO.widget.Chart.SWFURL = "includes/yui/charts/assets/charts.swf";
 
   //used to format x axis labels
   YAHOO.example.numberToCurrency = function( value )
   {
      return YAHOO.util.Number.format(Number(value), {prefix: "$", thousandsSeparator: ","});
   }
 
   //manipulating the DOM causes problems in ie, so create after window fires "load"
   YAHOO.util.Event.addListener(window, "load", function()
   {
 
   //--- data
 
      YAHOO.example.annualIncome =
      [
         { Month: <?php echo $monthname5;?>, revenue: 1246852, expense: 1123359, income: <?php echo $totalbroker5;?> },
         { Month: <?php echo $monthname4;?>, revenue: 2451876, expense: 2084952, income: <?php echo $totalbroker4;?> },
         { Month: <?php echo $monthname3;?>, revenue: 2917246, expense: 2587151, income: <?php echo $totalbroker3;?> },
         { Month: <?php echo $monthname2;?>, revenue: 3318185, expense: 3087456, income: <?php echo $totalbroker2;?> },
            { Month: <?php echo $monthname1;?>, revenue: 3318185, expense: 3087456, income: <?php echo $totalbroker1;?> }
      ];
 
      var incomeData = new YAHOO.util.DataSource( YAHOO.example.annualIncome );
      incomeData.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
      incomeData.responseSchema = { fields: [ "Month", "revenue", "expense", "income" ] };
 
   //--- chart
 
      var seriesDef =
      [
         {
            xField: "revenue",
            displayName: "Revenue"
         },
         {
            xField: "expense",
            displayName: "Expense"
         },
         {
            type: "line",
            xField: "income",
            displayName: "Income"
         }
      ];
 
      var currencyAxis = new YAHOO.widget.NumericAxis();
      currencyAxis.labelFunction = "YAHOO.example.numberToCurrency";
 
      var mychart = new YAHOO.widget.BarChart( "chart", incomeData,
      {
         series: seriesDef,
         yField: "Month",
         xAxis: currencyAxis
      });
 
   //--- data table
 
      var columns =
      [
         { key: "Month", formatter: "", sortable: true, resizeable: true },
         { key: "revenue", formatter: "currency", sortable: true, resizeable: true },
         { key: "expense", formatter: "currency", sortable: true, resizeable: true },
         { key: "income", formatter: "currency", sortable: true, resizeable: true }
      ];
      var mytable = new YAHOO.widget.DataTable( "datatable", columns, incomeData,
         { sortedBy: { key: "Month", dir: "asc" }
      });
   });
 
</script>