Php 莫里斯线问题

我试图在图表上显示两条线，但它们是并排显示的。我怀疑这是否是由重复的x轴点引起的。然而，我不确定如何将它们连接在一起，因为我的x轴没有反映时间/日期等。另一个问题似乎是图表顶部存在一些数据点。数据点取自我的数据库，我已检查该数据库中是否存在任何杂散数据。如果我犯了任何错误，请原谅我，因为我在morris.JS还是新手。查询也可以正常工作。任何帮助都将不胜感激

这是我的图表：

我想要的是：

以下是我如何获取数据以显示在图表上的过程：

while($row = mysqli_fetch_array($result))
{
    $chart_data .= "{ time:".$row["time_spent"].", finger:'".$row["finger"]."'},  ";
       
}

$chart_data = substr($chart_data, 0, -2);

while($row = mysqli_fetch_array($resultR))
{
    $chart_dataR .= "{ timeR:".$row["time_spent"].", finger:'".$row["finger"]."'},  ";
       
}

$chart_dataR = substr($chart_dataR, 0, -2);

以下是我的莫里斯脚本代码：

Morris.Line({
 element : 'chart',
 data:[<?php echo $chart_data, $chart_dataR;?> ],
 xkey:'finger',
 ykeys:['time', 'timeR'],
 labels:['Time Spent (in sec)'],
 pointFillColors: ['#00ff00'],
 lineColors: ['#000000', '#0AAEF3'],
 pointSize: 7,
 lineWidth: 4,
 hideHover:'auto',
 parseTime:false, 

});

Morris.Line({
元素：'图表'，
数据：[]，
xkey:“手指”，
ykeys:[“时间”，“计时器”]，
标签：[“花费的时间（秒）”，
点填充颜色：['#00ff00']，
线条颜色：['#000000'，'#0AAEF3']，
点数：7，
线宽：4，
隐藏：'自动'，
时间：错，
});