title: How can I set the legend symbol color for a series when using colorByPoint?
body: <p>I have a column chart with two series (this year, last year), where I want to set the colour for certain &quot;groups&quot;of columns to represent seasons, like this:</p>
  <p><a href="https://i.stack.imgur.com/2P2eg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2P2eg.png" alt="enter image description here" /></a></p>
  <p>To do this, I've set the <code>colors</code> for each series, and used the <code>colorByPoint</code> option. See <a href="http://jsfiddle.net/9zhpc6r5/" rel="nofollow noreferrer" title="this fiddle">this fiddle</a>.</p>
  <p>Notice that the chart legend uses the same grey color for the symbol for both series. (I'm not even sure where that grey color comes from - it's not one from the &quot;palette&quot; of colours in either series).</p>
  <p><strong>How can I set the legend symbol color for each series?</strong> (Ideally, I'd want to use a darker grey for the &quot;This year&quot; series, to reflect the fact that the colors are darker for all the points in that series).</p>
  <p><em>NOTE: although there are other ways to set the colors for each data point, such as using an array of objects as the <code>data</code> parameter that includes a color setting, I don't want to do this, because in my real-life example the data comes from a CSV file via the <code>data</code> module - and so I don't have the ability to use objects in that way.</em></p>