Bagaimana untuk mendapatkan tarikh dan masa dalam carta ketinggian titik?
P粉848442185
P粉848442185 2023-08-31 23:02:00
0
1
435

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 = ; StDev = ; Aantalwaarden9 = ; //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 = (-)/(6*StDev); Cpk1High = (-avg)/(3*StDev); Cpk1Low = (purata-)/(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: ,warna: ,dashStyle: 'longdashdot',width: 2,label: {text: 'Minimum'}}, {nilai: ,warna: ,DashStyle: 'longdashdot',lebar: 2,label: {teks: 'Maksimum'}}, {nilai: ,warna: ,dashStyle: 'shortdash',width: 2,label: {text: 'Richtlijn'}}, {value: avg.toFixed(2),color: ,DashStyle: 'spline',width: 2,label: {text: 'Avg'}}, ] }, petua alat: { pemformat: function() { kembalikan 'Meetwaarden
'+ 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); });```

P粉848442185
P粉848442185

membalas semua (1)
P粉026665919

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

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

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

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

    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!