highcharts - Highstock 单击范围选择器按钮动态更改日期格式

Question

我已经设置了一个 jsfiddle 示例http://jsfiddle.net/FQjuY/1/

我正在使用以下代码段格式化一维选项卡

 var df='%a, %b %e %I:%M %p';
 tooltip : {
            formatter : function(){
                var s=Highcharts.dateFormat(df, this.x);
                s+="<br/>";
                $.each(this.points, function(i, series){
                    s += '<span style="color:' + this.series.color + '">' + this.series.name + '</span> : <b>'+ this.y.toFixed(2) +'</b><br/>';
                }); 
                return s;
        }
        }

当我单击选项卡时，我想分别动态更改 1H 和 ALL 选项卡的日期格式。提前致谢。

Answer 1

您可以通过以下方式获取选定按钮：

var selected = this.points[0].series.chart.rangeSelector.selected;

然后，如果您以这种方式定义 df ：

var df=['%I:%M %p','%a, %b %e %I:%M %p','%a, %b %e'];

您可以简单地获得所需的工具提示格式：

var s=Highcharts.dateFormat(df[selected], this.x);

见：http: //jsfiddle.net/FQjuY/2/

另一个解决方案是从以下位置获取范围：

var range = this.points[0].series.points[1].x - this.points[0].series.points[0].x

现在根据范围使用特定的日期格式。