以编程方式在highchart工具提示中更改xDateFormat

时间:2013-09-03 23:32:56

标签: highcharts

我正在尝试以编程方式更改我的工具提示xDateFormat。我正在打电话:

chart.tooltip.options.xDateFormat = getDateFormatString(newValue.timeInterval);
chart.redraw();

然而,这并不是我需要它做的事情。我正在玩这个jsfiddle(原谅我缺乏jquery的知识,我目前正在写角度)。

http://jsfiddle.net/2ET8j/

谢谢!

1 个答案:

答案 0 :(得分:1)

这是一个更改格式化程序而不是尝试更改xDateFormat的示例。 http://jsfiddle.net/eyyH6/

$("button").click(function() {
    $(this).attr('disabled','disabled');    
    chart.tooltip.options.formatter = function() {
        var s = '<b>'+ Highcharts.dateFormat('%b %e %Y %H:%M', this.x, true) +'</b>';


        $.each(this.points, function(i, point) {
            s += '<br/>'+ point.series.name +': '+
                point.y +'m';
        });

        return s;
    }
});

编辑: 一种未记录的方式来更改xDateFormat

$("button").click(function() {
    $(this).attr('disabled','disabled');    
    chart.series[0].tooltipOptions.xDateFormat = '%b %e %Y %H:%M';
});