title: X and Y Value not showing Google ColumnChart
body: <p>I am trying to create Google Charts, So far i am able to display chart without any issue, but i am not able to display percentage and value. If i hover then only i can see values and percentage.</p>
  <pre><code>My View : 
  &lt;div class=&quot;row&quot;&gt;
  &lt;div class=&quot;col-lg-6&quot;&gt;
      &lt;div class=&quot;card&quot;&gt;
          &lt;div class=&quot;card-body&quot;&gt;
              &lt;div id=&quot;chart&quot; style=&quot;height: 400px;width:450px;&quot;&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt; &lt;!-- end col --&gt;
  </code></pre>
   
  <p>And my Javascript :</p>
  <pre><code>        $(document).ready
          (function () {
              google.load(&quot;visualization&quot;, &quot;1&quot;, { packages: [&quot;corechart&quot;] });
              google.setOnLoadCallback(drawChart);
              function drawChart() {
                  $.ajax({
                      type: &quot;POST&quot;,
                      url: &quot;/Dashboard/ChartFunction&quot;,
                      data: '{}',
                      contentType: &quot;application/json; charset=utf-8&quot;,
                      dataType: &quot;json&quot;,
                      success: function (data) {
                          var dt = new google.visualization.DataTable();
                          dt.addColumn('string', 'ActionOwner');
                          dt.addColumn('number', 'Count');
                          for (var i = 0; i &lt; data.length; i++) {
                              dt.addRow([data[i].graph2, data[i].graph1]);
                          }
                          var options = {
                              title: 'Open',
                              legend: { position: 'none' },
                              chartArea: {
                                  left: &quot;3%&quot;,
                                  top: &quot;3%&quot;,
                                  height: &quot;90%&quot;,
                                  width: &quot;90%&quot;
                              },
                              fontSize: 20,
                              fontName: &quot;Exo2- VariableFont_wght&quot;,
                              backgroundColor:'#262626',
                              slices: {
                                  0: { color: 'orange' },
                                  1: { color: 'green' },
                                  2: { color: 'orange' },
                                  3: { color: 'blue' },
                              },
                              titleTextStyle: {
                                  color: &quot;red&quot;,               // color 'red' or '#cc00cc'
                                  fontfamily: &quot;Exo2- VariableFont_wght&quot;,    // 'Times New Roman'
                                  fontSize: 25,               // 12, 18
                                  bold: true,                 // true or false
                              },
                          };
                          var chart = new google.visualization.columnChart($(&quot;#chart&quot;)[0]);
                          chart.draw(dt, options);
                      },
                      failure: function (r) {
                          alert(r.d);
                      },
                      error: function (r) {
                          alert(r.d);
                      }
                  });
              }
  </code></pre>
  <p>I have tried all options from Google charts, some thing is missing, below link shows Values in X and Y, but above code not showing.</p>
  <p><a href="https://developers.google.com/chart/interactive/docs/gallery/columnchart" rel="nofollow noreferrer">https://developers.google.com/chart/interactive/docs/gallery/columnchart</a></p>
  <p>Assit me to know where i am missing.</p>