Morris.js图表设计修复

Question

我有一个问题，我可以将我的Morris.js图表改为条形图，再到折线图，问题在于折线图的设计。请参考两(2)个屏幕截图，了解我的意思。当我将图形转换为折线图时，数据的图形表示会变得混乱。我该如何解决这个问题呢？

Bar Graph Line Graph

我使用的PHP代码：

$sql = "SELECT MONTHNAME(date) AS date, SUM(sales) AS sales FROM tblSales WHERE YEAR(date)=YEAR(now()) GROUP BY MONTHNAME(date)";
$result = mysqli_query($conn, $sql);

while ($row = mysqli_fetch_array($result)) {
    $ar[] = array(
        'month' => $row['date'],
        'sales' => $row['sales']
    );
}
ob_clean();
echo json_encode($ar);

我使用的AJAX代码：

var statement = 1;
    $.ajax ({
        url:"show_total_overall_sales.php",
        data: "statement="+statement,
        method: "POST",
        success: function(branch_data){
            new Morris.Line({
                element: 'total-sales',
                data: JSON.parse(branch_data),
                xkey: 'daily',
                ykeys: ['sales'],
                labels: ['Total Sales'],
                hideHover: 'auto'
            });
        }
    });

Answer 1

也许你可以尝试使用parseTime:false