An Example of a Google Bar Chart

HTML

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

JavaScript

$(document).ready(function(){
  $("#maquinasMM").html(`<div id='chart_div'></div> 
  <script> 
  google.charts.load('current', {packages: ['corechart', 'bar']}) 
  google.charts.setOnLoadCallback(drawAxisTickColors) 
  function drawAxisTickColors() { var data = google.visualization.arrayToDataTable([ 
  ['Llegenda', 'Ventas'], 
  ['AAA', 8], 
  ['BBB', 7], 
  ['CCC', 7], 
  ['DDD', 3], 
  ]); 
  var options = { 
  title: 'MÀQUINES MÉS VENUDES', 
  colors:['#00529c'], 
  titleTextStyle: {color:'#000', fontSize:25, bold:true,}, 
  chartArea: {width:'75%',}, 
  height: 640, 
  hAxis: {title: 'Total màquines', minValue:0, titleTextStyle:{color:'green', fontSize:25, bold:true, italic:true,}, }, 
  vAxis: {title: 'Màquines', titleTextStyle:{color:'blue', fontSize:8, bold:true,} } }; 
  var chart = new google.visualization.BarChart(document.getElementById('chart_div')) 
  chart.draw(data, options) } 
  <\/script> 
  <body> 
  <div id='chart_div' style='width: 800px; height: 600px; margin: auto; margin-top: 0px;'>
  </div> 
  </body>`);
});