title: Highcharts - how to properly update series[0].data and yAxis title of a VUMeter?
body: <p>I am preparing a <code>VU Meter</code> graph in Highcharts to display an array of values.
  These values are displayed one at a time, by choosing an <code>&lt;OPTION&gt;</code> of a <code>&lt;SELECT&gt;</code>.
  I managed to understand how to change the <code>title</code> of the graph to match the selected <code>label</code> of the <code>&lt;OPTION&gt;</code>, but  unfortunately I am a noob and I was not able to properly update the <code>data</code> of the <code>series</code>.</p>
  
  <p>A <em>minimal working example</em> is available on <a href="http://jsfiddle.net/c3nPL/4/" rel="nofollow noreferrer">jsFiddle</a>. In particular, the following function is fired when the <code>&lt;SELECT&gt;</code> is changed:</p>
  
  <pre><code>$('#receptorsList0').change(function() {
      var selectedOption = $("#receptorsList0 option:selected");
      var selectedValue = selectedOption.val();
      var selectedText = selectedOption.text();
      alert("i: "+selectedOption+", val: "+selectedValue+", text: "+selectedText);
  
      // 1. Possible?
      chart.yAxis.setTitle({ text: table[selectedText] + '&lt;br/&gt;&lt;span style="font-size:8px"&gt;' + selectedText + '&lt;/span&gt;' }); 
      // 2. Doesn't work, suggestions? Same with chart.series[0].update(...)
      chart.series[0].setData([selectedValue], true); 
      chart.setTitle({ text: selectedText });
      // 3. Unneeded, right?
      chart.redraw(); 
  });
  </code></pre>
  
  <p>My questions are the following:</p>
  
  <ol>
  <li>Is the change of the <code>yAxis</code>'s <code>title</code> supported? This is similar to the command to update the graph's title, but it doesn't work, of course.</li>
  <li>How am I supposed to change the data? Both <code>chart.series[0].setData(...)</code> and <code>chart.series[0].update(...)</code> only made the needle to disappear to to stay still. <code>data</code> is not properly formatted, maybe? Could you please point me out my mistake?</li>
  <li>This is unneeded, right (provided that the above works)? </li>
  </ol>
  
  <p>Thanks in advance for any suggestion you may provide!</p>
  
  <hr>
  
  <p>Thanks to <a href="https://stackoverflow.com/users/2021935/sebastian-bochan">Sebastian Bochan</a> who pointed me towards the right direction, I managed to solve the above problems! Please find below the final version of the above function:</p>
  
  <pre><code>$('#receptorsList0').change(function () {
      var selectedOption = $("#receptorsList0 option:selected");
      var selectedValue = parseFloat(selectedOption.val());
      var selectedText = selectedOption.text();
  
      chart.yAxis[0].update({
          title: {
              text : table[selectedText] + '&lt;br/&gt;&lt;span style="font-size:8px"&gt;'+selectedText+'&lt;/span&gt;',
              y : -40
          }
      });
      chart.series[0].data[0].update(selectedValue);
      chart.setTitle({
          text: selectedText
      });
  });
  </code></pre>