title: Highcharts tooltip background according to line
body: <p>I'm trying to make the tooltip's background color match the line's color using Highcharts.</p>
  
  <p>I'm trying to find the most reasonable native way to handle this -- if it's possible to avoid adding a <code>&lt;div /&gt;</code> with a background color to the formatter, that would be great - but if not I guess that works too.</p>
  
  <p>The lines colors &amp; amount will change a lot so I don't wanna hard-code the background colors the same way I put the line colors - if they could draw the background the same as the line color, that would be great. </p>
  
  <p>My only idea didn't work, I'm not sure what the scope for these functions is in this case:</p>
  
  <pre><code>tooltip : {
      backgroundColor: function() {
          return this.line.color;
          //return this.point.color;
      }
  }
  </code></pre>
  
  <p>My line colors are set normally:</p>
  
  <pre><code>series : [
      {
          color : '#fa0'
      }
  ]
  </code></pre>
  
  <p>Any ideas?</p>
  
  <p>Thanks in advance.</p>