title: How to show two title in x-axis in Google Charts?
body: <p>I am using Google Charts for a simple scatter Chart. I have draw two title in hAxis, i would like to set the hAxis title left and right.</p>
  
  <p>Like</p>
  
  <p><a href="https://i.stack.imgur.com/WC8zc.png" rel="nofollow noreferrer">Like</a></p>
  
  <p>current</p>
  
  <p><a href="https://i.stack.imgur.com/i9ULk.png" rel="nofollow noreferrer">current</a></p>
  
  <p>i want to show to title in a-axis </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function drawChart() {
      // Define the chart to be drawn.
      var data = new google.visualization.DataTable();
      data.addColumn('number', '');
      data.addColumn('number', '');
      data.addRows([
          [-0.5, 1],
          [100, 1],
          [-80, 2],
          [25, 2],
  
          [60, 8],
      ]);
  
      // Set chart options
      var options = {
          title: 'guilt experience Vs eat satisfaction',
          titlePosition: 'none',
          position: 'center',
          hAxis: {
              title: '',
              minValue: 0,
              maxValue: 15,
              ticks: [0, 20, 40, 60, 80, 100, -20, -40, -60, -80, -100]
          },
  
          vAxis: {
              title: '',
              minValue: 0,
              ticks: [0, 1, 2, 3, 4, 5, 6, 7, 8]
          },
          legend: {
              position: 'none'
          },
      };
  
      // Instantiate and draw the chart.
      var container = document.getElementById('chart_div');
      var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
  
      google.visualization.events.addListener(chart, 'ready', function() {
          var layout = chart.getChartLayoutInterface();
  
          for (var i = -0; i &lt; data.getNumberOfRows(); i++) {
              // add image above every fifth element
              var xPos = layout.getXLocation(data.getValue(i, 0));
              var yPos = layout.getYLocation(data.getValue(i, 1));
              var whiteHat = container.appendChild(document.createElement('img'));
              if (data.getValue(i, 0) &lt; 0) {
                  whiteHat.src = 'https://i.imgur.com/LqiTeQI.png';
              } else {
                  whiteHat.src = 'https://i.imgur.com/rACTObW.png';
              }
              whiteHat.style.position = 'absolute';
              whiteHat.style.height = '15px';
              whiteHat.style.width = '15px';
              // 16x16 (image size in this example)
              whiteHat.style.top = (yPos) + 'px';
              whiteHat.style.left = (xPos) + 'px';
          }
      });
      chart.draw(data, options);
  }
  google.charts.setOnLoadCallback(drawChart);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    google.charts.load('current', {
      packages: ['corechart', 'scatter']
    });
  &lt;/script&gt;
  &lt;div id="chart_div" &gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I am using Google Charts for a simple scatter Chart. I have draw two title in hAxis, i would like to set the hAxis title left and right.</p>