如何取得點高圖表中的日期和時間?
P粉848442185
P粉848442185 2023-08-31 23:02:00
0
1
496
<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);
        });```

;
P粉848442185
P粉848442185

全部回覆(1)
P粉026665919

因為您有 category 類型 xAxis,所以您的類別名稱包含在 point.key 變數中。因此,根據您的範例,您只需要引用 this.key

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

簡化示範: https://jsfiddle.net/BlackLabel/87bousnL/

API 參考: https://api.highcharts.com/highcharts/tooltip.headerFormat

#
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板