d3-从一个数据源在图形上绘制多条线

Question

我有一个演示here

我在Angular应用中有一个d3折线图。

我想在图表上有多条线，但是我不确定最好的方法是什么。

在我的示例中，我为两行数据传递了一个数据数组，但两行都是连接的。有没有一种方法可以拥有一个数据数组却显示两行。

我应该将两个单独的数据数组分别传递到组件中。

<div>
<!-- Sidebar -->
<ul class='anvbar-nav'>
   <li>Menu</li>
   <li>Menu item 2</li>
   <li>Menu item 3</li>
   <li>Menu item 4</li>
   <li>Menu item 5</li>
   <li>Menu item 6</li>
   <li>Menu item 7</li>
</ul>

<!-- Content Wrapper -->

<div class='content'>
<h2>Content Wrappe</h2>
 <p>  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
 
  <p>
 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
 </p>
</div>