Comment obtenir la date et l'heure dans le tableau des hauteurs de points ?
P粉848442185
P粉848442185 2023-08-31 23:02:00
0
1
438

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); });```

P粉848442185
P粉848442185

répondre à tous (1)
P粉026665919

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

tooltip: { formatter: function() { return 'Meetwaarden
'+ this.key +': '+ this.y; } },

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

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

    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!