javascript - Highcharts:不显示值,日期时间类型

标签 javascript highcharts

我正在尝试解决这个问题,但我不知 Prop 体该怎么做。

这是我当前的演示代码: http://jsfiddle.net/cf88s6ky/

这个有效,但我不知道如何: http://jsfiddle.net/93Xcu/7/

我做错了什么?

我不知道这部分到底是如何工作的:

  data: [
            [1369206795000, 1],
            [1369225421000, 3],
            [1369230934000, 2]
        ]

enter image description here

最佳答案

数据数组中的第一列是时间戳 - 更新后的图表上没有显示任何内容的原因是您已经调整了 x 轴范围,但时间戳超出了这个新范围。

为了使时间值更具可读性,您可以将其更改为如下所示:

$(function () {
    $('#container').highcharts({
        chart: {
            zoomType: 'x'
        },
        xAxis: {
            type: 'datetime',
            tickInterval: 3600 * 1000,
            min: Date.UTC(2014,11,14),
            max: Date.UTC(2014,11,15),
        },
        series: [{
            data: [
                [Date.UTC(2014,11,14, 0, 0, 0), 1],
                [Date.UTC(2014,11,14, 8, 0, 0), 3],
                [Date.UTC(2014,11,14, 16, 0, 0), 2]
            ],
            pointStart: Date.UTC(2014,11,14),
            pointInterval: 24 * 3600 * 1000 // one day
        }]
    });
});

关于javascript - Highcharts:不显示值,日期时间类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26920533/

相关文章:

javascript - React/Redux - 处理错误和错误代码

javascript - React 16 setstate in componentdidmount 但抛出 null 错误

javascript - 为什么 JavaScript 会自动转换一些数值

javascript - 基于下拉选择的显示/隐藏控件 mvc 4 razor c#

javascript - 同时在 Highcharts 中显示多个工具提示

c# - asp.net mvc highchart 折线图 json

javascript - 使用共享工具提示时,Highcharts 柱形图在单击时返回不正确的系列索引

javascript - 调用函数内声明的变量

javascript - 删除导航器 highstocks 之后的额外空间/边距

javascript - 可滚动容器中的 Highcharts 工具提示随内容滚动