<p>我在頁面上繪製高圖表。
這很好用,但我有一個小問題,在我看來,當我將滑鼠懸停在其上時,我沒有得到日期和時間。 </p>
<p>這就是我的 json 的樣子:</p>
<p><code>[{"測量值":"測量值","日期":"日期","數據":["9/5/2022",14.6,"9/5/2022" ,14.8,"6 -9-2022",15.948,"2022/9/6",17.112,"2022/9/6",</code></p>
<p>我的圖表看起來像這樣:</p>
<p>你看到左邊的氣球,它顯示數字0:14.6。14.6 是值,這很好,但 0 是該值的數字,例如另一個點,給出 </p>
<p>但是我如何顯示氣球中該數字所屬的日期和時間?</p>
<p>我的圖表程式碼是這樣的:</p>
$.getJSON("mfrmetingen300RG.json", function(data) {
常量處理資料9 = [];
for (令 a = 0; a < data[0].data.length; a = 2) {
processedData9.push([data[0].data[a], data[0].data[a 1]]);
}
資料[0].data =processedData9;
avg = ;
StDev = ;
Aantalwaarden9 = ;
//Cp=(USL-LSL)/(6xstd.Dev)請參閱:https://www.easycalculation.com/statistics/learn-cp-cpk-calculator.php
//Cpk = (USL-gemiddelde) / (gemiddelde-LSL) / (3 x std.Dev) 的 (3 x std.Dev) / (3 x std.Dev)
cpkl1 = (-)/(6*StDev);
Cpk1High = (-avg)/(3*StDev);
Cpk1Low = (avg-)/(3*StDev);
Chart9 = new Highcharts.Chart('container9',{
圖表: {
縮放類型:'x',
類型:'線',
右邊距:130,
底部邊距:100,
背景顏色:'天藍色'
},
範圍選擇器:{
紐扣: [{
文字: ' ',
事件:{
點擊() {
回傳錯誤
}
}
},
{
文字: '-',
事件:{
點擊() {
回傳錯誤
}
}
}]
},
標題: {
使用HTML:true,
文本:“Gemeten MFR waarde van PP 300R Grey Extrusie over de laatste” (Aantalwaarden9)”瓦爾登。”,
x: -20 //中心
},
學分:{
啟用:假
},
副標題: {text: 'Gem.=' avg.toFixed(2) ' Stdev=' StDev.toFixed(2) ' Cp=' cpkl1.toFixed(2) ' Cpk_High=' Cpk1High.toFixed(2) ' Cpk_Low=' Cpk1Low.toFixed(2) '',x: -20},
x軸:{
唯一名稱:假,
類型:'類別',
標題: {
文字:“數據”
}
},
y 軸:{
「分鐘」:15,
「最大」:23,
標題: {
文字:“MFR”
},
情節線:[{
值:0,
寬度:1,
顏色: '#808080'
}],
plotLines: [{值: ,顏色: ,dashStyle: 'longdashdot',寬度: 2,label: {text: '最小值'}},
{值:<?php echo $_cpkh10waarde; ?>,顏色: ,dashStyle: 'longdashdot',寬度: 2,label: {text: '最大值'}},
{值:<?php echo $_cpkm10waarde; ?>,顏色: ,dashStyle: 'shortdash',寬度: 2,標籤: {text: 'Richtlijn'}},
{值:avg.toFixed(2),顏色:<?php echo $_color_avg_line; ?>,dashStyle: 'spline',寬度: 2,label: {text: 'Avg'}},
]
},
工具提示:{
格式化程式:函數(){
返回“<b>Meetwaarden</b><br/>>”這個.x':'這個.y;
}
},
圖例:{佈局:'垂直',對齊:'右',verticalAlign:'頂部',x:-100,y:0,浮動:true,borderWidth:0},
系列: 數據,
繪圖選項:{
線: {
數據標籤:{
啟用:真
}
}
},
});
Chart9.legend.allItems[0].update({name:'MFR'});
}, 1000);
});```
;
因為您有
#category
類型 xAxis,所以您的類別名稱包含在point.key
變數中。因此,根據您的範例,您只需要引用this.key
簡化示範: https://jsfiddle.net/BlackLabel/87bousnL/
API 參考: https://api.highcharts.com/highcharts/tooltip.headerFormat
#