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:
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); });```
Sebab awak ada
category
类型 xAxis,所以您的类别名称包含在point.key
变量中。因此,根据您的示例,您只需要引用this.key
Demo ringkas:https://jsfiddle.net/BlackLabel/87bousnL/
Rujukan API:https://api.highcharts.com/highcharts/tooltip.headerFormat