Morris Chart Stacked Chart x轴冗余

时间:2018-02-15 08:22:20

标签: php jquery morris.js

enter image description here

我一直在制作一个图表,显示我每周和每月销售的商品数量, 我得到了我想要显示的问题是这个Morris Stacked Chart多余地显示了一周(周数)。我怎么解决这个问题? 我的数据库在那张图片中

PHP QUERY

 $qry = $this->db->query("SELECT item_sku, sell_week, sell_month, sell FROM product_progress GROUP BY item_sku, sell_week");
 while($row = mysqli_fetch_array($result)){

  $chart_data .= "{ week:'".$row['sell_week']."',sku:'".$row["item_sku"]."',purchase:".$row["sell"]."},";
 }

SCRIPT

 Morris.Bar({
    element : 'chart',
    data:[<?php echo $chart_data; ?>],
    xkeys: 'week',
    ykeys:['purchase', 'purchase'],
    labels:['Purchase', 'Week'],
    lineColors: ['#1e88e5','#ff3321'],
    lineWidth: '3px',
    hideHover:'auto',
    stacked:true
 });

1 个答案:

答案 0 :(得分:0)

一行数据应包含该周的所有信息。

示例:{ week: 1, item_1: 10, item_2: 8, item_3: 20 }

所有这些列都应该在Morris.Bar的 ykeys 中声明。

因此,我认为修复将在您的SQL中而不是在javascript中; - )