【问题标题】:Highcharts-tooltip doesnt display dateHighcharts-tooltip 不显示日期
【发布时间】:2014-06-06 20:17:28
【问题描述】:

我是使用 highcharts 的新手。

我有 datepicker from 和 to,并从 json 文件中获取数据。

图表每周显示一次。

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

我还想在图表的工具提示中显示日期,比如假设,在第一周,日期范围是 31-03-2013 到 06-04-2013,当点在第一周时,我需要显示这个日期在工具提示中而不更改 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,
            }]
        });

    });
    }

【问题讨论】:

  • typeSelectedxyAxisArr 包含什么?
  • type selected 是一个下拉列表,如投诉、访问等,其中图表旨在显示 data.xyAxisArr: x 包含周数,y 包含类型选择值。这些与我想要的无关.我只是想显示在图表工具提示中选择的日期。
  • 我想在链接 jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/… 中输出类似的内容,因为工具提示显示从星期一开始的一周。 2013 年 1 月 7 日

标签: jquery highcharts


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多