如何获取点高图表中的日期和时间？

Question

<p>我在页面上绘制高图表。 这很好用，但我有一个小问题，在我看来，当我将鼠标悬停在其上时，我没有得到日期和时间。</p> <p>这就是我的 json 的样子：</p> <p><code>[{"测量值":"测量值","日期":"日期","数据":["9/5/2022",14.6,"9/5/2022",14.8,"6 -9-2022",15.948,"2022/9/6",17.112,"2022/9/6",</code></p> <p>我的图表看起来像这样：</p> <p>你看到左边的气球，它显示数字0：14.6。14.6 是值，这很好，但 0 是该值的数字，例如另一个点，给出 </p> <p>但是我如何显示气球中该数字所属的日期和时间？</p> <p>我的图表代码是这样的：</p>

$.getJSON("mfrmetingen300RG.json", function(data) {
                常量处理数据9 = [];

                for (让 a = 0; a < data[0].data.length; a += 2) {
                    processedData9.push([数据[0].数据[a], 数据[0].数据[a + 1]]);
                }

                数据[0].data =processedData9;
                avg = ;
                StDev = ;
                Aantalwaarden9 = ;
                //Cp=(USL-LSL)/(6xstd.Dev)参见：https://www.easycalculation.com/statistics/learn-cp-cpk-calculator.php
                //Cpk = (USL-gemiddelde) / (gemiddelde-LSL) / (3 x std.Dev) 的 (3 x std.Dev) / (3 x std.Dev)

                cpkl1 = (-)/(6*StDev);
                Cpk1High = (-avg)/(3*StDev);
                Cpk1Low = (avg-)/(3*StDev);

                Chart9 = new Highcharts.Chart('container9',{
                    图表： {
                        缩放类型：'x'，
                        类型：'线'，
                        右边距：130，
                        底部边距：100，
                        背景颜色：'天蓝色'
                    },
                    范围选择器：{
                        纽扣： [{
                            文本：'+'，
                            事件：{
                                点击（） {
                                    返回错误
                                }
                            }
                        },
                        {
                            文本： '-'，
                            事件：{
                                点击（） {
                                    返回错误
                                }
                            }
                        }]
                    },
                    标题： {
                        使用HTML：true，
                            文本：“Gemeten MFR waarde van PP 300R Grey Extrusie over de laatste“+(Aantalwaarden9)+”瓦尔登。”,

                         x: -20 //中心
                    },
                    学分：{
                        启用：假
                    },
                    副标题: {text: 'Gem.='+avg.toFixed(2)+' Stdev='+StDev.toFixed(2)+' Cp='+cpkl1.toFixed(2)+' Cpk_High='+Cpk1High.toFixed (2)+' Cpk_Low='+Cpk1Low.toFixed(2)+'',x: -20},
                    x轴：{
                        唯一名称：假，
                        类型：'类别'，
                        标题： {
                            文本：“数据”
                        }
                    },
                    y 轴：{
                        “分钟”：15，
                        “最大”：23，
                        标题： {
                            文本：“MFR”
                        },
                        情节线：[{
                            值：0，
                            宽度：1，
                            颜色: '#808080'
                        }],
                        plotLines: [{值: ,颜色: ,dashStyle: 'longdashdot',宽度: 2,label: {text: '最小值'}},
                                    {值：<？php echo $_cpkh10waarde; ?>,颜色: ,dashStyle: 'longdashdot',宽度: 2,label: {text: '最大值'}},
                                    {值：<？php echo $_cpkm10waarde; ?>,颜色: ,dashStyle: 'shortdash',宽度: 2,标签: {text: 'Richtlijn'}},
                                    {值：avg.toFixed(2)，颜色：<？php echo $_color_avg_line; ?>,dashStyle: 'spline',宽度: 2,label: {text: 'Avg'}},
                        ]
                    },
                    工具提示：{
                        格式化程序：函数（）{
                            return 'Meetwaarden
'+ this.x +': '+ this.y;
                        }
                    },
                    图例：{布局：'垂直'，对齐：'右'，verticalAlign：'顶部'，x：-100，y：0，浮动：true，borderWidth：0}，
                    系列: 数据,
                    绘图选项：{
                        线： {
                            数据标签：{
                                启用：真
                            }
                        }
                    },
                });
                Chart9.legend.allItems[0].update({name:'MFR'});
            }, 1000);
        });```

;

Answer 1

因为您有 category 类型 xAxis，所以您的类别名称包含在 point.key 变量中。因此，根据您的示例，您只需要引用 this.key

tooltip: {
  formatter: function() {
      return '<b>Meetwaarden</b><br/>'+ this.key +': '+ this.y;
  }
},

简化演示： https://jsfiddle.net/BlackLabel/87bousnL/

API 参考： https://api.highcharts.com/highcharts/tooltip.headerFormat