title: Is it possible to draw a line chart in chart.js with multiple lines and **multiple lables**
body: <p>Suppose x1={1,4,7,9} | y1={10,20,35,40}  and x2={2,3,6,9} | y2={15,23,30,35}. Now I want to draw a <strong>line chart in chart.js</strong> for it.</p>
  <p>P.S. Scatter chart is not a solution because my website is generating data dynamically so I have to provide data in array only and scatter requires the data in very sophisticated manner.</p>
  <p>My simple question is by any way, can we have different x axis points in line chart for different lines??</p>
  <p>code for your reference:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js&quot;&gt;&lt;/script&gt;
  &lt;body&gt;
  &lt;canvas id=&quot;myChart&quot; style=&quot;width:100%;max-width:600px&quot;&gt;&lt;/canvas&gt;
  
  &lt;script&gt;
  var xValues1 = [50,60,70,80,90,100,110,120,130,140,150];
  var yValues1 = [7,8,8,9,9,9,10,11,14,14,15];
  
  var xValues2 = [54,64,74,84,94,104,114,124,134,144,154];
  var yValues2 = [8,9,9,10,10,10,11,12,15,15,16];
  
  new Chart(&quot;myChart&quot;, {
    type: &quot;line&quot;,
    data: {
      labels: xValues1,
      datasets: [{
        fill: false,
        backgroundColor: &quot;rgba(0,0,255,1.0)&quot;,
        borderColor: &quot;rgba(0,0,255,0.1)&quot;,
        data: yValues1
      },
      {
        fill: false,
        backgroundColor: &quot;rgba(0,0,255,1.0)&quot;,
        borderColor: &quot;rgba(0,0,255,0.1)&quot;,
        data: yValues2
      }
      ]
    },
    options: {
      legend: {display: false},
      scales: {
        yAxes: [{ticks: {min: 6, max:16}}],
      }
    }
  });
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>(for yvalues2, I want xvalues2)</p>