title: Highcharts: update series on multiple charts with same data
body: <p>i have 2 Highcharts wich have no data in the series when they are created. In a later step these charts are filled via the update-function. The first time i do this, all works perfectly ("First Data"-Button in fiddle).</p>
  
  <p>If i repeat this step with other data, only the first Chart is updating correctly ("New Data-Button in fiddle).</p>
  
  <p><a href="http://jsfiddle.net/ChrisCross82/v34fn2zj/" rel="nofollow noreferrer">http://jsfiddle.net/ChrisCross82/v34fn2zj/</a></p>
  
  <p>Can someone explain why the second chart is not updating? Maybe I'm just missing something?</p>
  
  <pre><code>&lt;body&gt;
  &lt;button onclick="firstData()"&gt;First Data&lt;/button&gt;
  &lt;button onclick="newData()"&gt;New Data&lt;/button&gt;
  
  &lt;div id="chart1" style="height: 300px"&gt;&lt;/div&gt;
  &lt;div id="chart2" style="height: 300px"&gt;&lt;/div&gt;
  &lt;/body&gt;
  
  &lt;script&gt;
  var chart1;
  var chart2;
  
  chart1 = Highcharts.chart('chart1', {
    series: [{
      data: [],
    }, {
      data: [],
    }]
  });
  
  chart2 = Highcharts.chart('chart2', {
    series: [{
      data: [],
    }, {
      data: [],
    }]
  });
  
  function firstData() {
    var series1 = [3, 3, 3, 3, 3];
    var series2 = [4, 4, 1, 2, 0];
    updateChart(series1, series2);
  }
  
  function newData() {
    var series1 = [4, 4, 4, 4, 4];
    var series2 = [2, 1, 1, 1, 0];
    updateChart(series1, series2);
  }
  
  function updateChart(series1, series2){
    chart1.update({
      series: [{
        data: series1
      }, {
        data: series2
      }]
    });
  
    chart2.update({
      series: [{
        data: series1
      }, {
        data: series2
      }]
    });
    console.log(series1, series2);
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks a lot,
  Chris</p>