Highstock在点击范围选择器按钮上动态更改日期格式

Question

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

我正在使用以下代码段格式化1D标签

 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

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