title: Putting an html tag into a google chart using google visualization
body: <p>I'm using google charts in a website and want to make the column names into links rather than strings.</p>
  
  <p>But when I put the  tags into the chart it displays them as strings.
  I have set {allowHtml:true} but still no luck.</p>
  
  <p>It displays the column name as <code>&lt;a href="http://www.w3schools.com"&gt;Visit W3Schools&lt;/a&gt;</code> rather than <code>Visit W3Schools</code> and is a string not a link.
  The code I am using is as follows:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function drawVisualization() {
          // Create and populate the data table.
          var data = google.visualization.arrayToDataTable([
                ['Job State',  'Job Numbers'],
                ['&lt;a href="http://www.w3schools.com"&gt;Visit W3Schools&lt;/a&gt;',   @Model.jobCount],
                ['&lt;a href="http://www.w3schools.com"&gt;Visit W3Schools&lt;/a&gt;',   @Model.liveJobCount],
                ['&lt;a href="http://www.w3schools.com"&gt;Visit W3Schools&lt;/a&gt;',   @Model.draftJobCount],
                ['&lt;a href="http://www.w3schools.com"&gt;Visit W3Schools&lt;/a&gt;',  @Model.closedJobCount]
              ]);
  
          // Create and draw the visualization.
          new google.visualization.ColumnChart(document.getElementById('visualization')).
              draw(data,{allowHtml:true},
              {title:"Current Jobs Statuses",
              width:600, height:400,
              hAxis: {title: "Job Type"}}
          );
  
      }
  
  
      google.setOnLoadCallback(drawVisualization);
  &lt;/script&gt;
  </code></pre>