title: Line chart legend border style using react-chartjs-2
body: <p>Is it possible to make the legend box of dashed line in line chart to have no dashed border?</p>
  
  <p>I read about generateLegend() and legendCallback but I can't understand how it works in react-chartjs-2 together with React functional component. Also, I'm not sure if they can be used to change the border style of legend.</p>
  
  <p>This is my sample code:</p>
  
  <pre><code>import { Line } from "react-chartjs-2";
  
  const LineChart = () =&gt; {
      const data = {
          labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"],
          datasets: [
              {
                  label: "Line 1", data: [10, 10, 20, 20, 30, 30]
              },
              {
                  label: 'Line 2',
                  borderDash: [15, 5],
                  data: [20, 20, 20, 20, 20, 20],
              }],
      };
  
      const options = {
          legend: {
              position: legendPosition,
              align: legendAlign,
          }
      };
  
      return &lt;Line data={data} options={options} /&gt;
  };
  </code></pre>
  
  <p>This is sample of desired Line 1(red) and Line 2(grey dahsed)
  <a href="https://i.stack.imgur.com/VPkFO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VPkFO.png" alt="enter image description here"></a></p>