>  Q&A  >  본문

포인트 높이 차트에서 날짜와 시간을 얻는 방법은 무엇입니까?

<p>페이지에 큰 차트를 그립니다. 이것은 훌륭하게 작동하지만 작은 문제가 있습니다. 마우스를 가져가면 날짜와 시간을 알 수 없는 것 같습니다. </p> <p>내 JSON은 다음과 같습니다.</p> <p><코드>[{"측정값":"측정값","날짜":"날짜","데이터":["2022년 9월 5일",14.6,"2022년 9월 5일" ,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> <pre class="brush:php;toolbar:false;">$.getJSON("mfrmetingen300RG.json", function(data) { const processorData9 = []; for (let a = 0; a < data[0].data.length; a += 2) { 처리된Data9.push([data[0].data[a], data[0].data[a + 1]]); } data[0].data = 처리된Data9; 평균 = <?php echo $rowj[0]; ?>; StDev = <?php echo $rowj[1]; ?>; Aantalwaarden9 = <?php echo $rowj[2]; ?>; //Cp=(USL-LSL)/(6xstd.Dev) 참조:https://www.easycalculation.com/statistics/learn-cp-cpk-calculator.php //Cpk = (USL-gemiddelde) / (3 x std.Dev) of (gemiddelde-LSL) / (3 x std.Dev) cpkl1 = (<?php echo $_cpkh10waarde; ?>-<?php echo $_cpkl10waarde; ?>)/(6*StDev); Cpk1High = (<?php echo $_cpkh10waarde; ?>-avg)/(3*StDev); Cpk1Low = (avg-<?php echo $_cpkl10waarde; ?>)/(3*StDev); Chart9 = 새로운 Highcharts.Chart('container9',{ 차트: { 줌 유형: 'x', 유형: '선', 여백오른쪽: 130, 여백하단: 100, 배경색상:'하늘색' }, 범위 선택기: { 버튼: [{ 텍스트: '+', 이벤트: { 클릭() { 거짓을 반환하다 } } }, { 텍스트: '-', 이벤트: { 클릭() { 거짓을 반환하다 } } }] }, 제목: { useHTML: 사실, 텍스트: "Gemeten MFR waarde van PP 300R Grey Extrusie over de laatste "+(Aantalwaarden9)+" 소장.', x: -20 //가운데 }, 크레딧: { 활성화됨: 거짓 }, 자막: {텍스트: '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축: { 고유 이름: false, 유형: '카테고리', 제목: { 텍스트: '데이텀' } }, y축: { "최소":15, "최대":23, 제목: { 텍스트: 'MFR' }, 플롯라인: [{ 값: 0, 너비: 1, 색상: '#808080' }], 줄거리: [{값: <?php echo $_cpkl10waarde; ?>,color: <?php echo $_color_min_line; ?>,dashStyle: 'longdashdot',width: 2,label: {text: 'Minimum'}}, {값: <?php echo $_cpkh10waarde; ?>,색상: <?php echo $_color_max_line; ?>,dashStyle: 'longdashdot',width: 2,label: {text: 'Maximum'}}, {값: <?php echo $_cpkm10waarde; ?>,color: <?php echo $_color_guide_line; ?>,dashStyle: 'shortdash',width: 2,label: {text: 'Richtlijn'}}, {값: avg.toFixed(2),색상: <?php echo $_color_avg_line; ?>,dashStyle: 'spline',width: 2,label: {text: 'Avg'}}, ] }, 툴팁: { 포맷터: function() { return '<b>Meetwaarden</b><br/>'+ this.x +': '+ this.y; } }, 범례: {레이아웃: 'vertical',align: 'right',verticalAlign: 'top', x: -100,y: 0,floating: true,borderWidth: 0}, 시리즈: 데이터, 플롯옵션: { 선: { 데이터 라벨: { 활성화됨: 사실 } } }, }); Chart9.legend.allItems[0].update({이름:'MFR'}); }, 1000); });````</pre></p>
P粉848442185P粉848442185387일 전447

모든 응답(1)나는 대답할 것이다

  • P粉026665919

    P粉0266659192023-09-01 11:22:00

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

    으아악

    간단한 데모: https://jsfiddle.net/BlackLabel/87bousnL/

    API 참조: https://api.highcharts.com/highcharts/tooltip.headerFormat

    회신하다
    0
  • 취소회신하다