Comment obtenir la date et l'heure dans le tableau des hauteurs de points ?

Question

Je dessine de grands graphiques sur la page. Cela fonctionne très bien mais j'ai un petit problème, il me semble que lorsque je survole je n'obtiens pas la date et l'heure.

Voici à quoi ressemble mon json :

[{"valeur de mesure": "valeur de mesure", "date": "date", "données": ["9/5/2022", 14.6, "9/5/2022" ,14.8,"6 -9-2022",15.948,"2022/9/6",17.112,"2022/9/6",

Mon graphique ressemble à ceci :

Vous voyez le ballon à gauche, il indique le chiffre 0 : 14,6.14,6 est la valeur, ce qui est bien, mais 0 est un nombre pour cette valeur, comme un autre point, donnant

Mais comment afficher la date et l'heure auxquelles appartient le numéro dans la bulle ?

我的图表代码是这样的：

$.getJSON("mfrmetingen300RG.json", function(data) {
                const traitéDonnées9 = [];

                pour (soit a = 0; a < data[0].data.length; a += 2) {
                    ProcessedData9.push([data[0].data[a], data[0].data[a + 1]]);
                }

                data[0].data = traitéesData9;
                avg = <?php echo $rowj[0]; ?>
                StDev = <?php echo $rowj[1]; ?>
                Valeur9 = <?php echo $rowj[2]; ?>
                //Cp=(USL-LSL)/(6xstd.Dev) voir.:https://www.easycalculation.com/statistics/learn-cp-cpk-calculator.php
                //Cpk = (USL-gemiddelde) / (3 x std.Dev) de (gemiddelde-LSL) / (3 x std.Dev)

                cpkl1 = (<?php echo $_cpkh10waarde; ?>-<?php echo $_cpkl10waarde; ?>)/(6*StDev);
                Cpk1High = (<?php echo $_cpkh10waarde; ?>-avg)/(3*StDev);
                Cpk1Low = (avg-<?php echo $_cpkl10waarde; ?>)/(3*StDev);

                chart9 = nouveau Highcharts.Chart('container9',{
                    graphique: {
                        Type de zoom : 'x',
                        tapez : 'ligne',
                        margeDroite : 130,
                        margeBottom : 100,
                        Couleur d'arrière-plan : « azur »
                    },
                    sélecteur de gamme : {
                        boutons: [{
                            texte : '+',
                            événements: {
                                Cliquez sur() {
                                    retourner faux
                                }
                            }
                        },
                        {
                            texte: '-',
                            événements: {
                                Cliquez sur() {
                                    retourner faux
                                }
                            }
                        }]
                    },
                    titre: {
                        useHTML : vrai,
                            texte : "Gemeten MFR waarde van PP 300R Grey Extrusie over de laatste "+(Aantalwaarden9)+" waarden.",

                         x : -20 //centre
                    },
                    crédits: {
                        activé : faux
                    },
                    sous-titre : {texte : 'Gem.='+avg.toFixed(2)+' Stdev='+StDev.toFixed(2)+' Cp='+cpkl1.toFixed(2)+' Cpk_High='+Cpk1High.toFixed (2)+' Cpk_Low='+Cpk1Low.toFixed(2)+'',x : -20},
                    Axe x : {
                        noms uniques : faux,
                        tapez : 'catégorie',
                        titre: {
                            texte : 'Donnée'
                        }
                    },
                    Axe y : {
                        "min": 15,
                        "maximum": 23,
                        titre: {
                            texte : 'MFR'
                        },
                        lignes de tracé : [{
                            valeur : 0,
                            largeur: 1,
                            couleur : '#808080'
                        }],
                        plotLines : [{value : <?php echo $_cpkl10waarde ; ?>,color: <?php echo $_color_min_line; ?>,dashStyle : 'longdashdot',largeur : 2,étiquette : {texte : 'Minimum'}},
                                    {valeur : <?php echo $_cpkh10waarde; ?>,color: <?php echo $_color_max_line; ?>,dashStyle : 'longdashdot',largeur : 2,étiquette : {texte : 'Maximum'}},
                                    {valeur : <?php echo $_cpkm10waarde; ?>,color: <?php echo $_color_guide_line; ?>,dashStyle : 'shortdash',largeur : 2,étiquette : {texte : 'Richtlijn'}},
                                    {valeur : avg.toFixed(2),couleur : <?php echo $_color_avg_line; ?>,dashStyle : 'spline',largeur : 2,étiquette : {texte : 'Moyenne'}},
                        ]
                    },
                    info-bulle : {
                        formateur : fonction() {
                            return '<b>Meetwaarden</b><br/>'+ this.x +': '+ this.y;
                        }
                    },
                    légende : {layout : 'vertical',align : 'right',verticalAlign : 'top', x : -100,y : 0,floating : true,borderWidth : 0},
                    séries : données,
                    options de tracé : {
                        doubler: {
                            étiquettes de données : {
                                activé : vrai
                            }
                        }
                    },
                });
                chart9.legend.allItems[0].update({name:'MFR'});
            }, 1000);
        });```

Answer 1

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

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

Démo simplifiée : https://jsfiddle.net/BlackLabel/87bousnL/

Référence API : https://api.highcharts.com/highcharts/tooltip.headerFormat