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

Morris.js 图表设计修复

Morris.js chart design fix

php

ajax

morris.js