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 = StDev = Valeur9 = //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 = (-)/(6*StDev); Cpk1High = (-avg)/(3*StDev); Cpk1Low = (avg-)/(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 : ,color: ,dashStyle : 'longdashdot',largeur : 2,étiquette : {texte : 'Minimum'}}, {valeur : ,color: ,dashStyle : 'longdashdot',largeur : 2,étiquette : {texte : 'Maximum'}}, {valeur : ,color: ,dashStyle : 'shortdash',largeur : 2,étiquette : {texte : 'Richtlijn'}}, {valeur : avg.toFixed(2),couleur : ,dashStyle : 'spline',largeur : 2,étiquette : {texte : 'Moyenne'}}, ] }, info-bulle : { formateur : fonction() { return 'Meetwaarden
'+ 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); });```
Parce que tu as
category
类型 xAxis,所以您的类别名称包含在point.key
变量中。因此,根据您的示例,您只需要引用this.key
Démo simplifiée :https://jsfiddle.net/BlackLabel/87bousnL/
Référence API :https://api.highcharts.com/highcharts/tooltip.headerFormat