Javascript Q:Chart.js v2-x轴时间刻度配置
我无法在折线图中设置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.
我有很多这样的数据集
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
},
...
}
...
}
}
}
但不工作
发布您尝试使用的代码,人们可能会帮助我添加更具体的代码