Morris Chart STacked Chart x 轴冗余

Question

我一直在制作一个图表，显示我每周和每月销售的商品数量，我得到我想要显示的问题是这个 Morris 堆积图冗余地显示周（周数）。我该如何解决这个问题？我的数据库在那个图像中

PHP 查询

 $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"]."},";
 }

脚本

 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
 });

Answer 1

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

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

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

因此我认为修复应该在您的 SQL 而不是 javascript ;-)

Morris Chart STacked Chart x 轴冗余

Morris Chart STacked Chart x axis redundancy

php

jquery

morris.js