title: Hide column and its annotation value in Google column chart
body: <p>I've got a column google chart where I have four bars for each month. In the view set, in order to put the values on the top of each bar, I added an annotation for each one as following:</p>
  
  <pre><code>view.setColumns([0, 1,
              {
                id:"col1",
                calc: "stringify",
                sourceColumn: 1,
                type: "string",
                role: "annotation" }, 2,
              {
                id:"col1",
                calc: "stringify",
                sourceColumn: 2,
                type: "string",
                role: "annotation"  
              }, 3,
              {
                id:"col1",
                calc: "stringify",
                sourceColumn: 3,
                type: "string",
                role: "annotation"  
              }, 4,
              {
                id:"col1",
                calc: "stringify",
                sourceColumn: 4,
                type: "string",
                role: "annotation"  
              }
          ]);
  </code></pre>
  
  <p>I also added four buttons, for each column, to hide them. When I use the function hideColumns, it receives an array of indexes to identify the columns I want to hide. However, when I click on the button to hide the column, its annotation value keeps displayed on the chart and goes to a neighbor column. How do I hide the column and the annotation at the same time avoiding this? I tried assigning an id to the object column (annotation) and use it in the hideColumns function, but the function only receives an array of indexes.</p>
  
  <p>This is the piece of code to hide the column number 1:</p>
  
  <pre><code>var hideAtv = document.getElementById("hideAtividades");
      hideAtv.onclick = function()
      {
         view.hideColumns([1]); 
  
         chart.draw(view, options);
      }
  </code></pre>
  
  <p>Thanks in advance</p>