javascript - ChartJS 不断向 X 轴添加一天。我找不到理由。有什么建议吗?

标签 javascript angularjs chart.js

ChartJS(v 2.2.2) 不断向时间线图表添加 1 个空日。这是用于此图表的数据:

line_data:
    data: 
        0:[72.73, 71.43, 66.67]
        1:[35.48, 61.11, 42.86]
    labels:
        0:["2017-01-28T00:00:00Z", "2017-01-29T00:00:00Z", "2017-01-30T00:00:00Z"]
        1:["2017-01-25T00:00:00Z", "2017-01-26T00:00:00Z", "2017-01-27T00:00:00Z"]
    series:
        0:"Jan 28 - Jan 30"
        1:"Jan 25 - Jan 27"

下面是我在 Angular(v1.6.1) 指令中传递给 ChartJS 的 xAxes 设置:

type: 'time',
position: 'bottom',
gridLines: {
    display: false
},
time: {
    unit: 'day',
    unitStepSize: 1,
    displayFormats: {
        day: 'MMM DD',
        hour: 'h:mm A'
    }
}

这是我得到的图表:

ChartJS timeline

有什么问题吗?

最佳答案

我设法通过为 time 比例设置 max 值来解决它:

scales: {
    xAxes: [{
        type: 'time',
        time: {
            unit: 'day',
            max: <THE REAL LAST DAY DATE>
        }
    }]
}

关于javascript - ChartJS 不断向 X 轴添加一天。我找不到理由。有什么建议吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41939716/

相关文章:

javascript - 页面刷新或返回时保存表单中的数据

javascript - 图表 js 悬停时显示旧图表数据

javascript - 将 Fluture Future 转换为民间故事结果

javascript - 如何监视对于Jest方式导入的函数

javascript - AngularJS - 无法在 'animate' : Partial keyframes are not supported 上执行 'Element'

javascript - $emit Controller 中无法访问的数据

javascript - 如何更改 Y 轴以在图表中显示 $

javascript - 小屏幕上的 ChartJS

javascript - 每 10 秒停止选取框 5 秒

javascript - AngularJS 和 Firebase auth ngShow 和 ngClick 延迟?