Question

我正在尝试将日期传递给导航器，但默认情况下，时间戳传递给导航器可以帮助我如何将日期传递给导航器，即根据x轴中的日期

this is the jsfiddle link : `http://jsfiddle.net/hj22wbe5/16/`

请找到jsfiddle。

由于

Answer 1

为什么不按时间/价值发送数据？这样navigator会自动为您执行此操作吗？您有一个日期字符串数组，然后您可以在xAxis.label函数中解析以显示文本 - 但您在数据系列中的时间是从0开始的整数。然后您要将此修改日期戳发送到您的导航器作为一个字符串？并且您的日期数组中有重复的值。你为自己做了更多的工作。

使用您的x作为Date.UTC()发送如下数据：

series: [{
            name: 'RNA',
            data: [{
                x: Date.UTC(2014, 5, 14),
                y: 99.43,
                extprop: 'power issue'
            }, {
                x: Date.UTC(2014, 5, 19),
                y: 99.40,
                extprop: 'flood'
            }...

请参阅更新jsFiddle demo。我认为你的意思是时间没有重复。

Answer 2

您可以参考navigator xaxis并使用相同的格式化程序，但更好的是使用日期时间类型的xAxis作为wergeld建议。

navigator: {
            enabled: true,
             xAxis: {
            labels: {
                rotation: 90,
                align: "left",
                formatter: function () {
                    return dates[this.value];
                },
            },
            tickInterval: 1
        },
},

http://jsfiddle.net/hj22wbe5/18/

Highcharts（highstock），如何将日期传递给导航器

2 个答案: