Javascript 如何使用不同的值制作从日期1到31的条形图？

我对此有些问题。 我想用xAxis=1-31天（本月）制作一个条形图

这是我的桌子：

案例：我的平均价格高于促销价格：1.000.000

我如何使用这些数据来制作这样的条形图：

有人能对这个案子提供帮助或建议吗

我试着使用高图表，并使一些问题的价值，每个日期

这是我的代码：

<script type="text/javascript">
     var chart1; // globally available
  $(document).ready(function() {
        chart1 = new Highcharts.Chart({
           chart: {
              renderTo: 'container',
              type: 'column'
           },   
           title: {
                enabled: false
           },
           xAxis: {
              categories: ['1']
           },
           legend: {
                    enabled: false
          },
           yAxis: {
              title: {
                 text: 'Jumlah Penduduk'
              }
           },
                series:             
              [

              <?php

                for ($day=1; $day <= $num ; $day++) {
                  while($k<count($tglevent)){
                    if($day==$tglevent[$k]){
                        $promo = $hargapromo[$k];
                        break;
                    }
                    $k++;
                }
                if ($hargapromo[$k] != NULL || $hargapromo[$k] > 0) {
                    $harga_promo = ($promo+$data_rata2->average)/2;
                }else{
                    $harga_promo = $data_rata2->average;
                }
                 ?>
                    {
                      name: [<?= $day ?>],
                      data: [<?= $data_rata2->average ?>]
                   },
                  <?php
                }
              ?>
  ]
  });
  });   
  </script>

var chart1；//全球可用
$（文档）.ready（函数（）{
图表1=新的高点图表。图表({
图表：{
renderTo:'容器'，
类型：“列”
},   
标题：{
已启用：false
},
xAxis：{
类别：['1']
},
图例：{
已启用：false
},
亚克斯：{
标题：{
文字：“Jumlah Penduduk”
}
},
系列：
[
{
姓名：[]，
数据：[]
},
]
});
});   

您的SQL应该是这样的：

SELECT date, avg(price) FROM myTable GROUP BY 1

这将为您提供每天的平均隐私，无需（更快）在程序中计算它

请注意，您也可以使用MySQLs数据函数：

SELECT year(date), month(date), day(date), avg(price) FROM myTable GROUP BY 1,2,3

---

您需要将日期解析为正确的格式（时间戳，用于datetime xAxis），然后如果在特定日期中没有数据，则设置空值。