title: How can i change shape of legend jquery flot
body: <p>I'm finding about <code>jquery flot</code>. And when i draw two lines, it displayed two legends with rectangle shape.</p>
  
  <p>But i want to change these default shape of <code>jquery flot</code>.</p>
  
  <p>One shape is <strong>rectangle</strong> (wind direction), another shape is <strong>line</strong> (wind speed).</p>
  
  <p>Here is expected image:
  <a href="https://i.stack.imgur.com/8jGKA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8jGKA.png" alt="enter image description here"></a></p>
  
  <p>But i don't know how can i do that ? Hope everybody can support me. </p>
  
  <p>Thank you very much.</p>
  
  <p>Here my demo: <a href="http://jsfiddle.net/g2CTz/517/" rel="nofollow noreferrer">link demo</a></p>