title: How to show both overlapping lines in in chartjs
body: <p>I am trying to create a line graph with multiple data datasets, 
  but for some datasets, there are chances the values match in which case the lines overlap and the set defined first is shown, At the moment Green and Red are overlapping and green is defined first hence its color is shown</p>
  
  <p>img-> <a href="https://nimb.ws/b7jvVH" rel="nofollow noreferrer">https://nimb.ws/b7jvVH</a></p>
  
  <pre><code>var chart = new Chart(ctx, {
  // The type of chart we want to create
  type: 'line', // also try bar or other graph types
  
  // The data for our dataset
  data: {
      labels: $.getMonths(year+'-01-01',year+'-12-31'),
      // Information about the dataset
  datasets: [
      {
          label: "Converted",
          borderColor: 'Green',
          data: leadsConvertedAtCountPerMonthPerYear,
  
      },
      {
          label: "Contacted",
          borderColor: 'red',
          data: leadsContactedAtCountPerMonthPerYear,
  
      },
      {
          label: "Assigned",
          borderColor: 'royalblue',
          data: leadsAssignedAtCountPerMonthPerYear,
  
      },
  
  
  ]
  },
  
  // Configuration options
  options: {
  layout: {
    padding: 10,
  },
      legend: {
          position: 'bottom',
      },
      title: {
          display: true,
          text: 'Reports for '
      },
      scales: {
          yAxes: [{
              scaleLabel: {
                  display: true,
                  labelString: 'Precipitation in mm'
              }
          }],
          xAxes: [{
              scaleLabel: {
                  display: true,
                  labelString: 'Month of the Year'
              }
          }]
      }
  }
  </code></pre>
  
  <p>});<a href="https://i.stack.imgur.com/unijk.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p>I Want the overlapping lines to show both colors</p>