Javascript highchartjs在工具提示上不显示时间

Javascript highchartjs在工具提示上不显示时间,javascript,highcharts,Javascript,Highcharts,我对海图有点陌生。我只想在工具提示悬停上显示日期。(目前显示的是日期和时间)。这是小提琴 如果将鼠标悬停在数据点上,工具提示将显示日期和时间。我只想约会 Highcharts.chart('container', { chart: { type: 'line' }, title: { text: 'Daily Calor

我对海图有点陌生。我只想在工具提示悬停上显示日期。(目前显示的是日期和时间)。这是小提琴

如果将鼠标悬停在数据点上,工具提示将显示日期和时间。我只想约会

 Highcharts.chart('container', {
                chart: {
                    type: 'line'
                },
                title: {
                    text: 'Daily Calories'
                },
                credits: {
                    enabled: false
                },
                xAxis: {
                     categories: data.Plots.map(a => new Date(a.Day)),
                    type: 'datetime',
                    //dateTimeLabelFormats: {
                       // day: '%m/%d/%Y'
                   // },
                    labels: {
                        format: '{value:%Y-%b-%e}'
                    },

                },
                yAxis: {
                    // minRange: 2 * Math.abs(@ViewBag.CFAvg - @Model.MyAverage),
                    title: {
                        text: 'Calories'
                    },
                    plotLines: [{
                        color: 'blue',
                        value: data.MyAverage,
                        width: 2,
                        zIndex: 2,
                        label: {
                            text: 'Average Calories (' + data.MyAverage + ')'
                        }
                    }]
                },
                series: [{
                    name: 'Calories',
                    data: data.Plots.map(a => a.TotalCalories),
                    color: 'rgb(4, 83, 4)',
                    //pointStart: Date.UTC(new Date(data.StartDate).getFullYear(), new Date(data.StartDate).getMonth(), new Date(data.StartDate).getDate()), //start date
                   // pointInterval: 24 * 3600 * 1000 // one day
                }],
            });

通过编辑工具提示的
格式设置程序
,您可以准确选择要在
工具提示上显示的内容,以便在使用以下内容后获得所需内容:

tooltip: {
  formatter: function() {
    return Highcharts.dateFormat("%Y-%b-%e", this.x) + 
      '<br/><b>' + this.series.name + '</b>: ' + Highcharts.numberFormat(this.y, 0 , '', ' ');
  }
}
工具提示:{
格式化程序:函数(){
返回Highcharts.dateFormat(“%Y-%b-%e”,this.x)+
“
”+this.series.name+:“+Highcharts.numberFormat(this.y,0,,”); } }
这将替换工具提示的默认格式
Dateformat
datetime
输出到所选字符串
Numberformat
在本例中,添加空格作为千位分隔符,并将数字设置为0位小数

如果要以不同的方式显示
datetime
,请参阅本页以查找所需的语法:

工作示例:


工具提示上的API。格式化程序:

您可以通过编辑工具提示的
格式化程序来选择要在
工具提示上显示的内容,以便在使用以下内容后获得所需内容:

tooltip: {
  formatter: function() {
    return Highcharts.dateFormat("%Y-%b-%e", this.x) + 
      '<br/><b>' + this.series.name + '</b>: ' + Highcharts.numberFormat(this.y, 0 , '', ' ');
  }
}
工具提示:{
格式化程序:函数(){
返回Highcharts.dateFormat(“%Y-%b-%e”,this.x)+
“
”+this.series.name+:“+Highcharts.numberFormat(this.y,0,,”); } }
这将替换工具提示的默认格式
Dateformat
datetime
输出到所选字符串
Numberformat
在本例中,添加空格作为千位分隔符,并将数字设置为0位小数

如果要以不同的方式显示
datetime
,请参阅本页以查找所需的语法:

工作示例:


工具提示上的API。格式化程序:

您可以使用
Highcharts.dateFormat
自定义日期的显示方式。有关更多信息,请参阅

例如:

Highcharts.dateFormat('%Y/%m/%d', new Date(a.Day))
小提琴:

结果:


您可以使用
Highcharts.dateFormat
自定义日期的显示方式。有关更多信息,请参阅

例如:

Highcharts.dateFormat('%Y/%m/%d', new Date(a.Day))
小提琴:

结果: