【问题标题】:Is it possible to use null datapoints with a datetime x-axis?是否可以将空数据点与日期时间 x 轴一起使用?
【发布时间】:2014-01-23 18:31:20
【问题描述】:

我正在尝试将 type:'datetime' 用作我的 x 轴,并在垂直线上得到一个图表,并且日期一直可以追溯到 1970 年。有什么办法可以避免这个错误吗?

这是我的用例:我定期跟踪我的页面性能。如果服务器因任何原因出现故障或无法跟踪指标,那么我们最终会在线路中出现缺口。要求是将其显示为日期时间,但如果我用任何空数据点填充系列,Highcharts 会引发错误 15。

series: [{
    data: [
        {x:1389254400000,y:10},
        {x:1389554400000,y:9},
        null,
        {x:1389854400000,y:12}]
}]

这是小提琴:http://jsfiddle.net/agjZB/23/

如果我删除空数据点,一切正常。感谢您的额外眼睛!

【问题讨论】:

    标签: highcharts


    【解决方案1】:
    • 您必须使 NULL 点的格式与其他点的格式相同。
    • 或者,不要包含它。如果您没有时间戳 x 的数据,为什么要包含它,或者如果您根本没有数据,为什么要包含它?

    选项 1 示例:

    series: [{
        data: [
            {x:1389254400000,y:10},
            {x:1389554400000,y:9},
            {x:1389554400000,y:null},
            {x:1389854400000,y:12}]
    }]
    

    【讨论】:

    • 啊,完美!谢谢!我需要将其包含在内,以便引起查看者的注意,在某些时期无法捕获指标,这可能表示停电、服务器停机、维护窗口等。数据有时间戳,只是没有值内。
    【解决方案2】:

    对于折线图,您不应该使用具有相同 x 值的点,因为像工具提示这样的一些功能将无法正常工作。需要设置scatter type和lineWidth为2。

    【讨论】:

    • 我使用的数据实际上具有稍微不同的 x 轴值。已接受答案中的示例实际上只是复制了数组中的第二个对象,以演示当您使用 datetime 作为 x 轴类型时如何添加空数据点。
    猜你喜欢
    • 2019-04-29
    • 2021-09-18
    • 2013-02-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-17
    • 2017-11-02
    相关资源
    最近更新 更多