title: Change Highcharts Series color
body: <p>EDIT:
  So now I have a chart with all my data pushed off to the right, BUT I have labels in different colors for the sets I want to show but no data??  Updated my code</p>
  
  <p>Original post:
  I have a working highchart here <a href="http://opensourcesurf.com/chart.html" rel="noreferrer">http://opensourcesurf.com/chart.html</a> . The problem is when I try and change the color of an individual data set, they all change.  How could I change these settings given my code?  Thanks in advance!</p>
  
  <p>code:</p>
  
  <pre><code>    var options1 = {
      chart: {
          renderTo: 'container1',
          type: 'area'
  
          },
      xAxis: {
                  type: 'datetime'
  
      },
  
      series: [{
          name: 'Swell Period',
          color: '#0066FF',
          data: 'newSeriesData',
      },
      {   name: ' Maximum Breaking Wave Height',
          color: '#ffffff',
          data: 'newSeriesData',
      },
      {   name: 'Swell Height',
          color: '#123456',
          data: 'newSeriesData',
      }],
  };
  
  var drawChart = function(data, name, color) {
  
  
  
   var newSeriesData = {
      name: name,
      data: data
   };
  
      // Add the new data to the series array
      options1.series.push(newSeriesData);
  
      // If you want to remove old series data, you can do that here too
  
      // Render the chart
      var chart = new Highcharts.Chart(options1);
  
  
  
  };
  $.getJSON('decode.php', function(data){
      drawChart(data, 'Swell Height');
  }); 
  
  $.getJSON('decode2.php', function(data){
      drawChart(data, ' Maximum Breaking Wave Height');
  });
  
  $.getJSON('decode3.php', function(data){
      drawChart(data, 'Swell Period');
  });
  </code></pre>