Material Axis Format Example

An example of a Google Material Chart with Axis Formats.

by erone

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="12"></div>
    <br/>

JavaScript

google.charts.load('current', {'packages':['bar']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {
         var data = google.visualization.arrayToDataTable([
          ['12', 'income', 'Expenses', 'Profit'],['1',36067 ,20427, 15640],['2',33946 ,14714, 19231],['3',20215 ,10333, 9882],['4',26480 ,4842, 21638],['5',32737 ,9664, 23073],['6',35609 ,15752, 19857],['7',29408 ,12604, 16804],['8',43966 ,17079, 26887],['9',23350 ,11160, 12190],['10',24577 ,11382, 13194],['11',0 ,0, 0],['12',0 ,0, 0]]);

        // Set options
        var options = {title:'12',
                       width:800,
                       height:400
            
                       };

        // Instantiate and draw the chart 
        var chart = new google.charts.Bar(document.getElementById('12'));
        chart.draw(data, options);



 
      }