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