使用 PHP/MySQL、Javascript、Json 生成基于一个月和不同年份销售额的组合图

Question

 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawVisualization); function drawVisualization() { var data = google.visualization.arrayToDataTable([ ['Username', 'Total Sales'], <?php while($sub_row = mysqli_fetch_array($result2)) { echo "['".$sub_row["date"]."', ".$sub_row["number"]."],"; } ?> ]); var options = { title : 'Month & Yearly Total Sales Values', vAxis: {title: 'Total Sales'}, hAxis: {title: 'Month & Year'}, seriesType: 'bars', series: {5: {type: 'line'}} }; var chart = new google.visualization.ComboChart(document.getElementById('Salesmans')); chart.draw(data, options); } </script>

 <?php $query2 = "SELECT DATE_FORMAT(order_datetime,'%m-%Y') as date, SUM(order_total_after_tax) as number FROM tbl_order where status='Confirmed' and type='PROFORMA INVOICE' GROUP BY DATE_FORMAT(order_datetime,'%m-%Y')"; $result2 = mysqli_query($con, $query2); ?> <div id="Salesmans" style="width: 650px; height: 500px;"></div>

Result of My Code Like Month& Year Total Sales By Bar Chart

**I Need Result Like Combo chart ** Combo Chart Like **Jan 2018(sales) near by Jan 2019(Sale),Jan 2020(Sales) ** like this on Combo Chart anyone give idea for me

Answer 1

in order to get the desired chart,
the data table structure will need to be as follows...

['Month', '2018 Sales', '2019 Sales', '2020 Sales'],
['Jan', 1000, 1200, 1400],
['Feb', 1000, 1200, 1400],
...

try following sql to get the above format...

SELECT
  DATE_FORMAT(order_datetime,'%m') as date,
  SUM(case when year(order_datetime) = 2018 then order_total_after_tax else 0 end) as 2018,
  SUM(case when year(order_datetime) = 2019 then order_total_after_tax else 0 end) as 2019,
  SUM(case when year(order_datetime) = 2020 then order_total_after_tax else 0 end) as 2020
FROM
  tbl_order where status='Confirmed'
AND
  type='PROFORMA INVOICE'
GROUP BY
  DATE_FORMAT(order_datetime,'%m')