[visualization-api] I have developed burn down Chart in salesforce facing issues while at the time of displaying the data on X axis

Wed, 13 Apr 2016 04:38:23 -0700 

Hi Team,

I have developed burn down Chart in salesforce, however facing one issue 
while at the time of displaying the data on X axis please help me to get 
resolve this.

>From the image I want align the X axis like 0 1 2 3 4 5 6 7 8 .......14 15,

here is my code...

<apex:page standardController="Agile_Sprint__c" showHeader="false" 
sidebar="false" extensions="BurnDown_Chart">
<html>
<head>
  <script type="text/javascript" 
src="https://www.gstatic.com/charts/loader.js";></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['line']}); 
     <!-- google.charts.load('current', {'packages':['corechart']}); --> 
 <!-- By Niranjan-->
      google.charts.setOnLoadCallback(drawChart);

    function drawChart() {

      var data = new google.visualization.DataTable();
      data.addColumn('number', 'Day');
      data.addColumn('number', 'Planned');
      data.addColumn('number', 'Actuals');
      
      alert("{!chartRow}");
     // var testchartrow = ,;
      
//data.addRows([[10,0.00,null],[11,0.00,null],[12,0.00,null],[15,0.00,null],[16,0.00,null],[17,0.00,null],[18,0.00,null],[19,0.00,null],[22,0.00,null],[30,0.00,null],]);
      data.addRows([{!chartRow}]);
      var options = {
        chart: {
          title: 'Burn Down Chart',
          subtitle: 'By Story Points'
        },
        width: 600,
        height: 400,
        vAxis: { gridlines: { count: 4 } },
        axes: {
          x: {
            0: {side: 'bottom',format:'#'}
          }
        }               
      };

       var chart = new 
google.charts.Line(document.getElementById('line_top_x')); 
     <!-- var chart = new 
google.visualization.LineChart(document.getElementById('curve_chart')); --> 
<!-- By Niranjan-->
      console.log("data ------------{!chartRow}");
      chart.draw(data, options);
     
    }
  </script>
</head>
<body>
   <div id="line_top_x"></div> 
  <!-- <div id="curve_chart"></div>   -->    <!-- By Niranjan -->
</body>
</html>
</apex:page>


Thanks in Advance.

Regards,
Guruanath


-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/806c8ae8-d3ad-47d6-9674-2e6da6cf54a0%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to