x轴标签在canvasjs中排序

Question

我正在使用 canvasjs 来显示报告图表。现在我正在制作一个将排序的多重报告。我有这段代码： PHP

foreach($report as $rid){
  $arr = getReportValue($rid);
  $canvas_bar_datas = '';
  foreach ($arr as $key => $value) {    
     $dsdate = strtotime($key);
     $dsdate = date('Y-m-d',$dsdate);
     $dddate = explode("-",$key);
     $mmonth = $dddate[1] - 1;
     $canvas_bar_datas .= '{ x: new Date('.$dddate[0].', '.$mmonth.', '.$dddate[2].'), y: '.$value.',},';
  }
}

Javascript

window.onload = function () {
    var chart = new CanvasJS.Chart("chartContainer",
    {
      title:{
        text: "Top Oil Reserves"
      },
      data: [

      {
        dataPoints: [
        <?php echo $canvas_bar_datas; ?>
        ]
      }
      ]
    });

现在在我的图表中它看起来像这样：

我可以对 x 轴标签进行排序吗？现在看起来像 Jan 11 2015, Feb 01 2015, Feb 22 2015... Apr 05 2015, Apr 26 2015...

我能不能把标签做成这样： Jan 2015, Feb 2015, ... Apr 2015, Jun 2015...

我只想显示图表的月份和年份，它会进行相应的排序，标签不会重复。

我也尝试了图表的 interval 参数，但它似乎是 int 并且基于报告计数。

对此有什么想法吗？

Answer 1

我现在明白了..这解决了问题： axisX:{intervalType: "month", interval:1}

x轴标签在canvasjs中排序

x axis label sort in canvasjs

javascript

php

sorting

canvasjs