【问题标题】:Highcharts(highstock), how to Pass the dates to the navigatorHighcharts(highstock),如何将日期传递给导航器
【发布时间】:2015-01-07 18:04:13
【问题描述】:

我正在尝试将日期传递给导航器,但默认情况下时间戳将传递给导航器,请任何人帮助我如何将日期传递给导航器,即按照 x 轴上的日期.

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

请找到 jsfiddle。

谢谢

【问题讨论】:

    标签: javascript jquery json highcharts highstock


    【解决方案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。我假设你的意思是不重复的时间。

    【讨论】:

    • 但在 x 轴上的值也必须是日期 ....如何将日期传递给 x 轴..请
    【解决方案2】:

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

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

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

    【讨论】:

    • 嗨,你能帮我写代码吗...如何删除导航器中的基线...?
    • 轴线、系列线、网格线?
    猜你喜欢
    • 1970-01-01
    • 2014-12-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-25
    • 2020-10-26
    相关资源
    最近更新 更多