Question

Iam新手使用highcharts。

我有来自和来自的datepicker，并从json文件中获取数据。

图表每周显示一次。

我的x轴是几周，所以我的工具提示显示周数。

我也想在图表的工具提示中显示日期，如第1周日期范围是31-03-2013到06-04-2013，当点在第1周时，我需要显示这个日期在工具提示中不改变x轴。

任何人都可以帮助解决这个问题。

这是我的代码，

$(function () {

        $('#container').highcharts({

            title: {
                text: typeSelected + ' - Graph',
                x: -20 //center
            },
            xAxis: {
                allowDecimals : false,
                title: {
                    text: "WEEK"
                }
            },
            tooltip: {
                formatter: function() {
                    var s = '<b> WEEK: '+ this.x +'</b><br/><b> '+ typeSelected +': '+ this.y +'</b>';              
                    return s;
                },
                shared: true
            },
            yAxis: {
                title: {
                    text: typeSelected
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                name: typeSelected,
                data: xyAxisArr,
            }]
        });

    });
    }

Answer 1

在工具提示中，您将返回this.x，即时间戳。如果您想要日期，请使用例如Highcharts.dateFormat()来获取返回的日期字符串。

参考：http://api.highcharts.com/highcharts#Highcharts.dateFormat

Highcharts-tooltip不显示日期

1 个答案: