Scale in google line chart - Javascript Google Chart

Javascript examples for Google Chart:Line Chart

  1. HOME
  2. Javascript
  3. Google Chart
  4. Line Chart

Description

Scale in google line chart

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script type="text/javascript">
    window.onload=function(){//from   w  ww.  ja va2s .c om
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
     function drawChart() {
        var data = google.visualization.arrayToDataTable([
                    ['Date', 'Distance'],['Service',168],['NAME 1',42],['NAME 2',36],['NAME 3',35],['NAME 4',34],['NAME 5',30],['NAME 6',24],['NAME 7',21],['NAME 8',18]]);  var options = {
legend:{position: 'right'},
chartArea:{
   right:150,
},
 };
var chart = new google.visualization.LineChart(document.getElementById('chart6_div'));
chart.draw(data, options);
}
    }

      </script> 
   </head> 
   <body> 
      <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
      <div id="chart6_div" style="width: 500px; height: 400px;"></div>  
   </body>
</html>

Related Tutorials