Bagaimana untuk mendapatkan tarikh dan masa dalam carta ketinggian titik?

Question

Saya melukis carta tinggi pada halaman. Ini berfungsi dengan baik tetapi saya mempunyai masalah kecil, nampaknya apabila saya menuding di atasnya saya tidak mendapat tarikh dan masa.

Beginilah rupa json saya:

[{"measurement value":"measurement value","date":"date","data":["9/5/2022",14.6,"9/5/2022" ,14.8,"6 -9-2022",15.948,"2022/9/6",17.112,"2022/9/6",

Carta saya kelihatan seperti ini:

Anda melihat belon di sebelah kiri, ia menunjukkan nombor 0: 14.6.14.6 ialah nilai, yang baik, tetapi 0 ialah nombor untuk nilai itu, seperti titik lain, memberikan

Tetapi bagaimanakah saya hendak memaparkan tarikh dan masa nombor dalam belon itu milik?

我的图表代码是这样的：

$.getJSON("mfrmetingen300RG.json", function(data) {
                const processedData9 = [];

                untuk (biar a = 0; a < data[0].data.length; a += 2) {
                    processedData9.push([data[0].data[a], data[0].data[a + 1]]);
                }

                data[0].data = processedData9;
                purata = <?php echo $rowj[0]; ?>;
                StDev = <?php echo $rowj[1]; ?>;
                Aantalwaarden9 = <?php echo $rowj[2]; ?>;
                //Cp=(USL-LSL)/(6xstd.Dev) lihat.:https://www.easycalculation.com/statistics/learn-cp-cpk-calculator.php
                //Cpk = (USL-gemiddelde) / (3 x std.Dev) daripada (gemiddelde-LSL) / (3 x std.Dev)

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

                carta9 = Highcharts.Carta baharu('bekas9',{
                    carta: {
                        zoomType: 'x',
                        jenis: 'baris',
                        marginKanan: 130,
                        marginBawah: 100,
                        Warna latar belakang:'azure'
                    },
                    julatPemilih: {
                        butang: [{
                            teks: '+',
                            acara: {
                                klik() {
                                    kembali palsu
                                }
                            }
                        },
                        {
                            teks: '-',
                            acara: {
                                klik() {
                                    kembali palsu
                                }
                            }
                        }]
                    },
                    tajuk: {
                        useHTML: benar,
                            teks: "Gemeten MFR waarde van PP 300R Grey Extrusie over de laatste "+(Aantalwaarden9)+" waarden.",

                         x: -20 //tengah
                    },
                    kredit: {
                        didayakan: palsu
                    },
                    sari kata: {teks: 'Gem.='+avg.toFixed(2)+' Stdev='+StDev.toFixed(2)+' Cp='+cpkl1.toFixed(2)+' Cpk_High='+Cpk1High.toFixed (2)+' Cpk_Low='+Cpk1Low.toFixed(2)+'',x: -20},
                    xAxis: {
                        Nama unik: palsu,
                        jenis: 'kategori',
                        tajuk: {
                            teks: 'Datum'
                        }
                    },
                    yAxis: {
                        "min":15,
                        "maks":23,
                        tajuk: {
                            teks: 'MFR'
                        },
                        plotLines: [{
                            nilai: 0,
                            lebar: 1,
                            warna: '#808080'
                        }],
                        plotLines: [{value: <?php echo $_cpkl10waarde; ?>,warna: <?php echo $_color_min_line; ?>,dashStyle: 'longdashdot',width: 2,label: {text: 'Minimum'}},
                                    {nilai: <?php echo $_cpkh10waarde; ?>,warna: <?php echo $_color_max_line; ?>,DashStyle: 'longdashdot',lebar: 2,label: {teks: 'Maksimum'}},
                                    {nilai: <?php echo $_cpkm10waarde; ?>,warna: <?php echo $_color_guide_line; ?>,dashStyle: 'shortdash',width: 2,label: {text: 'Richtlijn'}},
                                    {value: avg.toFixed(2),color: <?php echo $_color_avg_line; ?>,DashStyle: 'spline',width: 2,label: {text: 'Avg'}},
                        ]
                    },
                    petua alat: {
                        pemformat: function() {
                            kembalikan '<b>Meetwaarden</b><br/>'+ this.x +': '+ this.y;
                        }
                    },
                    lagenda: {layout: 'vertical',align: 'right',verticalAlign: 'top', x: -100,y: 0,floating: true,borderWidth: 0},
                    siri: data,
                    plotOptions: {
                        baris: {
                            dataLabels: {
                                didayakan: benar
                            }
                        }
                    },
                });
                chart9.legend.allItems[0].update({name:'MFR'});
            }, 1000);
        });```

Answer 1

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

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

Demo ringkas: https://jsfiddle.net/BlackLabel/87bousnL/

Rujukan API: https://api.highcharts.com/highcharts/tooltip.headerFormat