Question

使用

角1.6.4 角图1.1.1 ChartJS 2.6.0

下面是我的数据集格式

[{num_records_1: 0, num_records_2: 0, timestamp: 1498715881917}, {}]

每2小时跨度有24小时数据，timestamp密钥有时间（以毫秒为单位）我将X轴类型设置为“时间”，下面是我从此Refrence

获取的图表的设置

var timeSetting = {
                unit: 'hour',
                displayFormats: {
                      'minute': 'kk:mm',
                      'hour': 'kk:mm'
                },
                tooltipFormat: 'MMM D, HH:mm A',
                unitStepSize: 2
            };

vm.line.options.scales.xAxes[0].type = "time";
vm.line.options.scales.xAxes[0].time = timeSetting;

但是在图表上，它在X轴上显示3小时跨度，如 11:00 2:00 5:00 ，而时间戳的值在 11:04 1:04 3： 04 等等

我需要的是X轴刻度将指向我在数据集中的确切时间？

这里缺少什么，请帮助并指导我。

由于

Answer 1

由于您告诉图表xAxes的类型为“time”，因此刻度文本不会基于数据点值。它将基于整个数据集中的最小和最大日期，以及设置的其他时间属性。实际数据点时间应显示在工具提示中。如果您希望会议记录显示在刻度线中，请将单位更改为“分钟”。根据您的描述，您的数据将会有太多的滴答声。但是当您将单位指定为“小时”时，刻度将仅为开启且精确的小时边界为零分钟。应该通过设置unitStepSize来处理刻度之间的小时数（单位）。我不明白为什么你会间隔3小时。是否有更多可能影响该选项的选项设置？像maxTicksLimit？

角度图表js时间x轴上没有分数

1 个答案: