Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Q:Chart.js v2-x轴时间刻度配置_Javascript_Jquery_Date_Chart.js_Momentjs - Fatal编程技术网

Javascript Q:Chart.js v2-x轴时间刻度配置

Javascript Q:Chart.js v2-x轴时间刻度配置,javascript,jquery,date,chart.js,momentjs,Javascript,Jquery,Date,Chart.js,Momentjs,我无法在折线图中设置X轴。 我有很多这样的数据集 dataset_1 = [{ x: '10:00' y: 12.4 },{ x: '12:00' y: 9.3 },{ x: '14:00' y: 10.9 }] dataset_2 = [{ x: '8:43' y: 5.

我无法在折线图中设置X轴。
我有很多这样的数据集

        dataset_1 = [{
         x: '10:00'
         y: 12.4
        },{
         x: '12:00'
         y: 9.3
        },{
         x: '14:00'
         y: 10.9
        }]

        dataset_2 = [{
         x: '8:43'
         y: 5.7
        },{
         x: '9:00'
         y: 11.4
        },{
         x: '10:00'
         y: 9.6
        }]

      ecc... (i create this with ajax query)

newDataset.data.push('{x: ' + x_data + ',y: ' + y_data + '}');
chartData.data.datasets.push(newDataset);
我需要帮助设置x轴选项的格式,以便在x轴上以15或30分钟的步长从00:00查看到23:59,而不需要任何警告来设置或解析选项或数据集中的数据

比如说

  |
 7-
  |
  |    . x 8:43
 5-      y 5.7
  |
  |
  --|-----|-----|----
    8:00  9:00 10:00
我尝试了很多例子,但都不起作用

xAxes: [{
    type: 'time',
    time: {
     displayFormats: {
        minute: 'HH:mm'
         }
       }
    }]

非常感谢

列举图表,您需要将以下内容:

var start = new Date();
start.setHours(0,0,0,0);
var end = new Date();
end.setHours(23,59,59,999)
chartLine = new Chart(chartEl, {
    ...
    options: {
        ...
        scales: {
            xAxes: [{
                type: 'time',
                time: {
                    minUnit: 'minute',
                    unit: 'minute',
                    unitStepSize: 30,
                    min: start,
                    max: end
                },
                ...
            }
            ...
        }
    }
}

但不工作
发布您尝试使用的代码,人们可能会帮助我添加更具体的代码